FAQ Database Discussion Community


jQuery divert mouse click from VNC to modal

javascript,jquery,twitter-bootstrap,modal-dialog,vnc
I have created one page, in which on right clicking on some button a modal appears. When I right click on the modal it doesn't seem to work. So far, what I got to know is, the mouse click is taken by the UI control which comes underneath that modal...

Zurb foundation can't focus input field inside modal

html5,input,modal-dialog,zurb-foundation,zurb-foundation-5
I am trying to set the focus of an input field inside my form when I reveal a modal using ZURB Foundation framework. I am really truly sorry if this question has been asked before I've been having problems finding a solution to this for a while. This is what...

getting error Uncaught ReferenceError: BootstrapDialog is not defined

jquery,twitter-bootstrap,modal-dialog
I'm trying to use Bootstrap modal to send tweets. I downloaded modal.js and bootstrap.min.js into my js file, but I'm getting the error Uncaught ReferenceError: BootstrapDialog is not defined. Anyone know what I'm doing wrong? html: <script src="js/bootstrap.min.js"></script> <script src="js/modal.js"></script> <script src="js/scripts.js"></script> <!-- my jquery file --> js: setTimeout(function() {...

Modal dialog to confirm delete

javascript,jquery,twitter-bootstrap,modal-dialog
I'm following this (Bootstrap modal to confirm table row delete) but I'm not sure why, but the modal dialog is not appearing. I'm looking to basically do the same thing, although my table is dynamically created by my jQuery code: $("#guests_table > tbody:last").append( "<tr class='btnDelete' data-id='" + guest.guest_id + "'>"...

How to hide Bootstrap modal when browser back/forward button is clicked in Ember JS

twitter-bootstrap,ember.js,modal-dialog
I have an Ember application with a modal dialog code from this article: http://ember.guru/2014/master-your-modals-in-ember-js What is the best way to close/hide it, when back or forward button is clicked in the browser. At the moment, the overlay and the modal dialog will remain visible while to content behind them will...

Basket items not updating inside modal popup

javascript,jquery,html,modal-dialog,jsfiddle
I can't seem to figure this nightmare out. So I'm trying to make a basket system that is contained in a modal popup. When I leave it as is (Original Basket System), works beautifully. When I add the modal into the equation, it blows up. The list will add and...

Yii 2 Exclude NavBar in Modal

php,modal-dialog,yii2
In my index.php view, I have a button, once clicked, a modal will pop up: <p> <?= Html::button( 'Create New BizAdmin', ['value' => Url::to(['createbizadmin']), 'class' => 'btn btn-success', 'id' => 'modalButton' ]) ?> <?php Modal::begin(['id' => 'modal']); echo "<div id='modalContent'></div>"; Modal::end(); ?> </p> My modal file is createbizadmin.php where it...

How to Pass information to pop up modal?

php,jquery,modal-dialog
I am using Boostrap modal. I need to show user information which is fetched form server using PHP and mySql. How do I pass the information to the modal. Thanks...

Bootstrap Modal Opening by Clicking JQuery DataTable

jquery,twitter-bootstrap,modal-dialog
I made a JSFIDDLE, https://jsfiddle.net/t53cyutt/ and I wanted help with getting a modal to open after clicking on a row from the DataTable. Any suggestions? I thought this small code would do the trick but it won't. $(document).ready(function () { $('#jobs').DataTable(); $('#jobs').on('click', 'tr', function () { var name = $('td',...

Delete data using modal box in laravel

laravel,controller,routes,delete,modal-dialog
guys. I have some problem to delete data with confirmation (in this case using modal box) in laravel. This is my delete button {{ Form::open(array( 'route' => array('delete_spk', $spk_data->id), 'method' => 'put', 'style' => 'display:inline' )) }} <button class="btn btn-danger btn-line btn-rect" type="submit" data-toggle="modal" data-target="#delSpk" data-title="Delete SPK" data-message='Are you sure...

CodeIgniter 3 and Bootstrap 3 Modal

javascript,jquery,modal-dialog,bootstrap
I have a view and with this code in the head. $(document).ready(function() { $('#myModal').modal('show'); } and this: <div id="myModal" class="modal hide" role="dialog"> </div> The controller has: class Home extends CI_Controller { public function __construct() { parent::__construct(); $this->load->library('session'); } public function index() { $this->load->view('home'); } } When I run the view...

Should data-target=“#my-modal” put inside a modal div in Twitter Bootstrap?

twitter-bootstrap,modal-dialog,bootstrap-modal,dismiss
I know that putting data-target="#my-modal" in the launch button outside the modal div is necessary. But should I also put that code in the dismiss button inside modal div? Or the machine always knows it's to dismiss the modal div where it's exactly in? <button class="btn btn-success" data-toggle="modal" data-target="#my-modal">Launch Modal</button>...

Modal toggled in other modal - can't scroll modal

twitter-bootstrap-3,modal-dialog
I created a modal and inside the modal I created a button to open the second modal and close the first but the problem is that the scrollbar doesn't work for the second modal but works for page. How could I fix this? code in fiddle: link to fiddle...

Angular display product info in modal after clicking an ng-repeat thumb

angularjs,modal-dialog,ng-repeat
I have just started learning angular! I have a 'quick view' button on my list of product thumbnail images, the button and images are generated using angular ng-repeat. I need to display the appropriate product description/price etc (from my json file) in a modal when clicking on 'quick view' but...

How to wireup an AngularStrap modal show event

modal-dialog,angular-strap
I have the modal displaying just fine. I'm trying to figure out how to run a function when the modal is shown. var = loginModal = $modal({ placement: 'left', title: '', content: webauth, show: false }); $scope.$on('modal.show', function () { console.log("SHOWN"); debugger; }); $scope.showModal = function () { loginModal.$promise .then(loginModal.show);...

Can you use events in React components?

javascript,modal-dialog,reactjs
I'm trying to build a modal, and I have this code: https://jsfiddle.net/j2r15hxg/4/ Currently, I'm using an onClick event on my ModalBackdrop component to try hiding the modal and backdrop together: <ModalBackdrop onClick={this.closeModal} isOpen={this.state.isOpen}> However this doesn't work. Why is that, and how can I get around it? My guess would...

How do I create a flexbox modal that works in IE11?

css,modal-dialog,internet-explorer-11,flexbox
I've implemented this modal using flexbox because I want a sticky header and footer. My solution works in Chrome and Firefox: http://codepen.io/cjcenizal/pen/JomaNo Markup in Jade: .blackout .flexModal .flexModal__inner .flexModal__header | Header .flexModal__body p Body content .flexModal__footer | Footer SCSS: .blackout { background-color: rgba(black, .5); position: fixed; width: 100%; height: 100%;...

How do you bring up different dialogs depending on what button is pressed

jquery,html,css,modal-dialog
I am starting a project and I envision needing lots and lots of dialogs/modals. I came up with some very rudimentary code that just basically shows the dialog when the button is pressed and then hides it when the cancel button is pressed. The only problem I have now is...

Start animation after modal is closed

jquery,modal-dialog,google-swiffy
I have a modal box setup and controlled with a jQuery snippet. When a page is loaded it displays a basic disclaimer and sets a cookie. <script> $(function() { // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! $( "#dialog:ui-dialog" ).dialog( "destroy" ); if ($.cookie('showDialog') == undefined...

dialog get html span value on click jquery

javascript,jquery,html,ajax,modal-dialog
This is how i open the dialog box i found a tutorial long ago and i forgot the link to that tutorial $("#dialog1").html("Mr. " + "<span id='name'>" + data[i].name + "</span>" + "has a building property in <span id='address'>" + data[i].address + "</span>"); $("#dialog1").dialog({title: pml}); $("#dialog1").dialog("open"); and this is how...

Breeze - Édit row in modal strategy

angularjs,modal-dialog,breeze
I've been using breeze with angularJS in my last few projects, but there's something I never had done right, at least with a good strategy. That's editing/adding rows in one modal. In the previous projets, my strategy was to clone the breeze objects into json objects and then editing that...

ArgumentError for partial form, First argument in form cannot contain nil or be empty

forms,ruby-on-rails-4,modal-dialog
My registration form was working just fine, but once I moved the registration from into a partial _signup.html.erb it has give me the error "First argument in form cannot contain nil or be empty" I want to have the user registration from go through a modal from from the homepage...

Presenting a UIAlertController from a modally presented controller that is being dismissed

objective-c,uiviewcontroller,ios8,modal-dialog,uialertcontroller
Prior to iOS 8, a UIAlertView could be displayed from a modally presented UIViewController at the same time that the UIViewController was dismissed. I found this to be especially useful when a user needed to be alerted to some change that had taken place when they pressed the 'Save' button...

Bootstrap Modal MVC Partial View Data-Backdrop Issue

asp.net-mvc,twitter-bootstrap,modal-dialog
I am having an issue with Bootstrap Modal, you know when we call a modal, the page where we called it is disabled (it turns gray) and you can only type/click on the modal right? On my part though, both the main page and the modal is disabled so I...

iOS 8 Form Sheet Modal Dialog Resizing After Display

objective-c,ios8,resize,modal-dialog
I work on an application where it shows a modal popup by performing a segue using the form sheet modal style and then a horizontal flip animation. In iOS 7 made the form take up the correct screen size by calling: self.view.superview.bounds = CGRectMake(0,0,300,300); for example and this set the...

2 Scrollbars visible when I open a modal dialog

javascript,jquery,html,css,modal-dialog
We have a baffling issue whereby when we try to open a modal dialog box from a parent page it opens with 2 vertical scrollbars next to each other. One controls the modal box, the other one controls the main page behind it. To have 2 scrollbars is not ideal...

Large bootsrap dialog from extlib focus on the bottom

modal-dialog,xpages,bootstrap,xpages-extlib
I have a dialog from the ExtLib and I use the boostrap konfiguration. When the dialog open the focus is on the bottom of the dialog. If the dialog bigger then the screen I don't see the top of the dialog and I must scroll. This is not what I...

Is there an equivalent of an OnModal message in MFC?

winapi,mfc,modal-dialog
My MFC application has multiple top level (parented to the desktop) windows, any one of which can host an external application which can launch a modal dialog. Is there a way for one the other top level windows to get a notification when any of the others becomes modal? My...

Modal window only pulling information from first record in a PHP for each loop

javascript,foreach,twitter-bootstrap-3,modal-dialog
I have a page with a foreach loop which shows data for a set of parks. The foreach loop runs fine. Within that loop I have a button which you push to get a modal window to show additional information on that park. The button itself knows where it is...

Show Modal on click of linkButton

javascript,asp.net,modal-dialog
$(document).on("click", "[id*=lnkView]", function () { $("#resultId").html($(".ResultId", $(this).closest("tr")).html()); **//$("#name").html($(".Name", $(this).closest("tr")).html()); //$("#description").html($(".Description",$(this).closest("tr")).html());** $("#dialog").dialog({ title: "Analyze Result", buttons: { Ok: function () { $(this).dialog('close'); } }, modal: true }); return false; }); </script> This is my script. How do I link it to the database ? I am completely new to javascript....

How can I prevent the focus on the toggle button for a Bootstrap modal after the modal closes?

twitter-bootstrap,modal-dialog,tooltip
I have a button that toggles a Bootstrap modal. The button itself is wrapped in a div so a tooltip shows up on hover. When I close the modal, the button gets focused and the tooltip shows without hovering the element. <span data-toggle="tooltip" data-placement="top" data-title="Tooltip"> <button data-toggle="modal" data-target="#modal">Toggle</button> </span> <div...

Bootstrap modal hides behind the modal when it calls it

twitter-bootstrap,modal-dialog
I am using Bootstrap modals but when I call a second modal from the current modal it hides behind the first one. here is my code and a link to jsfiddle Html <div id="dialog1" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Modal Dialog 1</h4> </div> <div class="modal-body">This is...

Twitter Bootstrap Modal to call method from parent controller

angularjs,twitter-bootstrap,modal-dialog
I've a web page where I've implemented the bootstrap modal dialog. I want to call a method from the main controller on a button click in the modal dialog and I want to pass the value to the method. How can I achieve this.

Open modal window after form calculations function is complete

javascript,jquery,modal-dialog
Open modal window after form calculations function is complete I have a basic form that has check boxes. Each checkbox is a different (simple) calculation. At the end of the function some more calculations are done and stored in variables. I need to first run this calculation function from an...

Select2 Select in Bootstrap Modal

twitter-bootstrap-3,modal-dialog,jquery-select2
I've already checked the other threads, covering this problem, but none of this solutions work for me. I'm using jquery 1.11.2, select2-4.0.0-beta.3 and bootstrap-3.3.1 My modal looks like following: <div class="modal fade" id="addProductModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title">Add...

Bootstrap 3 modal width of screen

javascript,html,css,twitter-bootstrap,modal-dialog
Is there any way to use Bootstrap to create a modal that expands to the width of the viewport? I've seen lots of suggestions (most of which involve changing .modal-dialog { width:auto} to .modal-dialog { width:600px } or some other value, but I'm not seeing any results with this. I...

How to redirect to another popup on ASP.NET MVC

jquery,asp.net,asp.net-mvc,popup,modal-dialog
My existing ASP.NET webforms project has a product page, which features a "Review" link. Upon clicking this link, it opens a modal popup where you can select rating, and enter comments etc. Upon clicking submit it submits the form if the user is logged in. If the user is not...

Open modal dialog based condition in select drop down

javascript,angularjs,select,modal-dialog,bootstrap-modal
I'm opening a modal dialog box on click of a button like this: <button type="button" data-toggle="modal" data-target="#openModal">Click</button> <div class="modal fade" id="openModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> //modal body </div> I would like to know whether is there any method with which one can open a modal dialog based on select drop...

Disable an Android Switch

android,modal-dialog,switch-statement
I am developing an app that requires to show a modal window over a switch like the image. In that moment, the user can handle any showed switch. And I pretend to avoid that possibility. I have tried to disable the switch by using setClickable=false and setFocusable=false and nothing works....

modal carousel is not working on bootstrap

twitter-bootstrap,modal-dialog,carousel
i have this code and the modal carousel only shows the first pic <button type="button" class="btn" data-toggle="modal" data-target="#myModal">Gallery</button> <div class="modal fade " id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> </div> <div...

Listen to Semantic UI form validation errors before submit

jquery,forms,validation,modal-dialog,semantic-ui
Using Semantic UI form, modal and validation, I have a form in a modal and I do not want the modal to close if the form is not valid (which happens when submitted). The only way I can stop the modal from closing is to add a disabled class to...

Issue in scope sharing with angularjs Modal

angularjs,twitter-bootstrap,modal-dialog,angularjs-scope
I'm trying to get modal dialogue from angular bootstrap UI to work. Everything works fine except few fields that are also present on the caller screen. These fields also get updated when I update their values on the modal. For example, if I'm displaying the name field on the caller...

Not able to resolve a new object in angular ui modal

angularjs,modal-dialog,angularjs-scope
I'm trying to implement angular UI modal and trying to set few default values before create person screen is opened. Say a new person object like below: var person = {}; person.name = 'default'; In this function modalCtrl.open = function(size) { var person = {}; person.name = 'default'; console.log('person-->' +...

How can I unfocus the modal trigger button after closing the modal in bootstrap

twitter-bootstrap,twitter-bootstrap-3,modal-dialog
I can't seem to blur the button after closing the modal. $('#exampleModal').on('hidden.bs.modal', function(e){ $('button').blur(); }); I've tried the above and it still doesn't seem to blur it. I've tried almost everything. The only solution is to set a timeout and blur it after the model finishes the hidden transition. Any...

modal service in angularJS

angularjs,templates,modal-dialog,angular-ui-bootstrap
Below is my controller angular.module('repoApp') .controller('loginCtrl', function ($scope,$modal,$state) { $scope.awesomeThings = [ 'HTML5 Boilerplate', 'AngularJS', 'Karma' ]; $modal.open({ templateURL: 'views/modals/test.html', }); }); Below is my template : <div class="modal-header"> <h3 class="modal-title">I'm a modal!</h3> </div> The error is I got: Error: One of template or templateUrl options is required. at Object.$modalProvider.$get.$modal.open...

Modal closes and new record appears to the screen despite of problems saving in a non-blocking call to the server

angularjs,node.js,modal-dialog,angularjs-scope,asynchronous
Problem Statement: How to prevent model to close and caller screen to update when there is a problem in async server call? For example, say I have a screen that list books on a screen like this. It also allows to perform CRUD operations. While creating and updating a new...

Passing a value to modal

jquery,modal-dialog
I have a <table> and under one its <td>, I am printing a different value and there is also a button on each <td>. Upon clicking the button, I want to pass the value to the modal. Here's what I got so far: HTML: <a data-toggle="modal" data-id="123" href="room.html#myModal"> Check in...

Pure CSS Animated Modal/Lightbox

html,css,modal-dialog
I'm using CSS Animated Modal from PHP Academy's tutorial. I already did this in other project, but now I don't know why isn't work. The problem looks to be target selector, don't work when I click on link. Can you help me? So, this happens in this page: http://www.sarosacramento.com/v2/#produtos Te...

event.stopPropagation doesn't work for a modal('show')

angularjs,twitter-bootstrap,modal-dialog
I have a ng-click at the same time on a <ul> (or on a <tr>) and on a button which is inside it. I want to do something if I click on the line, and only show a bootstrap modal if I click on my button. The problem is that...

pass data to modal using javascript

javascript,jquery,html5,twitter-bootstrap,modal-dialog
I am creating a website in MVC5 using bootstrap with the boostrap tables library http://wenzhixin.net.cn/p/bootstrap-table/docs/index.html using: $('#subscriber-table').on("click-row.bs.table", function (e, row, $element) { console.log(row.SubscriberID); $('#subscriberDialog').modal(); }); I receive the click on one of the table's records. This works great ony now I want to pass the json object called row to...

iOS modal overlay menu

ios,swift,menu,modal-dialog,alert
I was wondering if there were a built-in view in XCode for displaying pop-up menus like this for iOS apps? Something like an alert, except with just a set of vertically-stacked buttons? EDIT: I knew about UIAlertController, just not that its buttons stack vertically after you add more than...

What's the best way to create a confirmatin modal window in asp.net mvc?

asp.net-mvc-4,modal-dialog,confirmation
What is the best way to create a confirmation modal window in asp.net mvc 4? Currently I have: if (ViewBag.deleteIsVisible) { <button onclick= "if(confirm('Are you sure you want to Delete?')) location.href='@Url.Action("Delete", "Home", new { Id = Model.id })'; else return false;" >Delete</button> } But I don't really care for the...

How to determine if Window was launching as a modal using ShowDialog

c#,wpf,modal-dialog,showdialog,dialogresult
I have a WPF Window created. I have some cases where i want to display it using ShowDialog() and others just using Show(). For the ShowDialog() i want to set the DialogResult which all works fine, however if the window is launched using Show() and i set the DialogResult i...

How to retrieve file id from table and pass it to modal in Laravel 5?

php,twitter-bootstrap,laravel,modal-dialog
In my project I have a table which lists all the files uploaded by user with options to view or delete them. When the user clicks delete it opens a modal which asks for confirmation. Everything works fine except that when I click delete in any other file except the...

Alert Showing Twice Modal Bootstrap

javascript,php,twitter-bootstrap,modal-dialog
i meet some trouble when i want to pass some parameters into modal and when the modal is submited the modal showing alert with parameter. and im use this modal more than once and in the first event is normal when the second event the parameters from the first event...

How to change MahApps.Metro dialog content template width?

wpf,xaml,modal-dialog,controltemplate,mahapps.metro
I would like to change the base template of the MahApps.Metro dialogs (or create a new dialog type), because I would like to show them in a narrow login window. Right now almost all the second words in the message are in a new row, but there are nice big...

Cannot put an id on an unsorted list in a Modal Generated By a Jquery Plug-in

javascript,jquery,html,modal-dialog
Below is an html in a modal generated by the Jquery plugin file I included: <div class="photobooth"> <div class="blind"></div> <canvas ></canvas> <div class="warning notSupported"></div> <div class="warning noWebcam"></div> <ul> <li title="hue" class="hue"></li> <li title="saturation" class="saturation"></li> <li title="brightness" class="brightness"></li> <li title="crop" class="crop"></li> <li title="take picture"...

How do click row table in modal bootstrap?

javascript,jquery,twitter-bootstrap,table,modal-dialog
I have bind data in table and show them in modal boostrap . I want get data of row table using click or double click , but it's not work <div class="modal-body"> <table id="table_search" class="table table-hover"> <thead> <tr> <td>CCA</td> <td>Name</td> </tr> </thead> <tbody> </tbody> </table> </div> And i use jquery...

Bootstrap modal - screen goes black

javascript,jquery,twitter-bootstrap,modal-dialog
I have two modals, they pop up on button click. One works fine, however for the second one, the screen just goes black and nothing happens: First, working modal: <div id="deleteConfirmation" class="hidden, modal fade"> <div class="modal-dialog"> <div class="modal-content"> <h5>Are you sure you want to delete this contact?</h5> <button id="deleteOk"> Yes...

Modal Dialog JQuery IE 9-11 Print Issue

javascript,jquery,iframe,printing,modal-dialog
I am trying to convert a large old IE 8 system to current browsers. Once of the issues I am fixing is the showModalDialog, due to it not working on Chrome since 37 and becoming more obsolete. The method that I am using is: http://extremedev.blogspot.co.uk/2011/03/windowshowmodaldialog-cross-browser-new.html $.showCustomModal = function(options) { var...

Bootstrap with 2 modals, screen freezes

twitter-bootstrap,modal-dialog
I need to open a modal from another modal, my problem is that when the modals have a big height. When I close the second modal, I loose the scroll on my page and the page is freezed. Here is a plunker to illustrate my problem: plunkr <!DOCTYPE html> <html>...

Yii2 Modal Dialog on Gridview view and update button shows same content for both buttons

modal-dialog,yii2
With reference to How to implement Yii2 Modal Dialog on Gridview view and update button?, the problem is currently solved on enabling Yii2 gridview view button with modal dialog. However, i implemented a "create new" button above the gridview which opens up a modal too. Now when i click on...

Foundation Modal semi-transparent background cuts off

jquery,css,modal-dialog,zurb-foundation,zurb-foundation-5
Okay so here is the demo site: http://hayati.yahyauddin.com/ To see the modal, hover over a product and click the zoom button to display the quick view for the product. If you continue scrolling down, you will see that the Gray semi-transparent background stops. This problem occurs regardless of screen size!...

$modalInstance dialog box closes, but screen remains grayed out and inaccessible

angularjs,modal-dialog,angular-ui
I am using angular-ui to open and close a modal. When I close it with submit(object) or dismiss(message), the dialog box closes, but the screen remains grayed out and I can't access my app. Some code: The parent controller (relevant part): $scope.deleteConfirm = function(toDelete) { console.log(toDelete); var modalObj = {...

ember init modal controller

ember.js,modal-dialog
I have a modal dialog as a component, and I want to init a controller property with some value from the model (that changes every time I open the modal) The thing is that the modal is hiding and showing, so didInsertElement is called only once. All the solutions I...

Unknown provider: $modalInstanceProvider <- $modalInstance in Angularjs modal

angularjs,twitter-bootstrap,modal-dialog,angular-ui-bootstrap
I am using angular bootstrap ui modal which is working fine but when I try to close it using modalInstance it gives above error.Here is my code var app = angular.module('LoginModule', ['ui.bootstrap']); app.controller('LoginModal', ['$scope', '$modal', function ($scope, $modal) { $scope.animationsEnabled = true; $scope.open = function (size) { var modalInstance =...

PHP Foreach loop passing data onto jquery modal for form use

php,jquery,twitter-bootstrap,modal-dialog
I am using Bootstrap with Codeigniter. I have a table that loads block history for an account on the management interface I'm building. On each of the rows as part of the foreach, there is an "unblock" button if the user can remove that block as you'll hopefully see in...

Bootstrap modal event not fired

jquery,twitter-bootstrap,modal-dialog
I want to simply do some logic after my modal has been dismissed. In the modal I have a button: <button type="button" class="btn btn-primary" onclick="$('#mymodal').modal('hide');">Save changes</button> In the view I'm waiting for the event being fired, but it never does. $('#mymodal').on('hide.bs.modal', function (e) { alert('event fired') }); I tried to...

AngularJS: function call when closing modal

angularjs,modal-dialog
I imagine this is quite a simple answer, but I can't find the right syntax. I have my modal opening like so, $scope.assignment = function (groupId) { var modalInstance = $modal.open({ templateUrl: 'assignment_form', controller: 'GroupsAssignmentController', windowClass: 'modal-user-window', resolve: { id: function () { return groupId; } } }); All I...

When do MessageBoxes not act modally?

c#,modal-dialog
I have always thought MessageBoxes were sort of like break points -- they stopped a program from executing until the user clicked "OK." However, I just discovered that's inaccurate and I'm trying to figure out when MessageBoxes will and won't stop execution. Searching SO (successfully) for the solution to a...

Don't work vertical align with image in lightbox

html,css,modal-dialog,lightbox
I want to center image in lightbox gallery with vertical-align: middle, but can't. Where I do mistake? html: <div><img src="images/image1.png"></div> CSS: div { display: table-row; /* or display: table; -> the result is the same for me */ height: 550px; width: 100%; text-align: center; } img { display: table-cell; max-height:...

Datepicker didn't work in modal page without adding js code (.Net MVC4)

.net,model-view-controller,datepicker,modal-dialog
I have some problem with modal and datepicker. I already try to googled for it and try some of the suggestion but still didn't solved my problem. I use template from the internet, and use shared layout for sidebar / header&footer. I put all my css/js render script in my...

jQuery multiselect filter widget - filter text box focus issue in multiple elements

jquery,filter,modal-dialog,jquery-multiselect
I'm using various jQuery multiselect widgets in the same modal. All of them have a text box to filter the options shown, as usual, but I was not able to focus on them by clicking on them. After looking for a folution I found this question from user2457092 where I...

send a friend in modal bootstrap

php,twitter-bootstrap,modal-dialog,send,friend
Well, before asking here I have tried to find an answer for the issue I work with. Maybe someone who knows will help to find solution. I'm using bootstrap framework and here I have a "send friend" button which shows a modal fill-in form. here's link: http://codepen.io/anon/pen/bNvOPB?editors=100 If fill out...

JQuery popup window (banner) example [closed]

javascript,jquery,popup,modal-dialog,banner
I am newbie , I am trying to create popup window using jquery, but I have some problems. I need popup window with ad for example. It should have close button, should be fixed (while scrolling page) and prevent closing clicking outside. So I need popup window with close button,...

Modal dialog box does not communicate with main HTA window

javascript,modal-dialog,hta
I have a javascript in an HTA which looks like this: var result = null; window.showModalDialog("dialog.hta", window, "dialogHeight:300px; dialogWidth:300px"); alert(result); dialog.hta: <html> <head> <title>Dialog box</title> <meta http-equiv="MSThemeCompatible" content="yes"/> </head> <body style="background:#F0F0F0"> <select id="colors"> <option selected>Red</option> <option>Blue</option> <option>Green</option> <option>Yellow</option>...

Multiple kylefox jquery modal boxes

jquery,modal-dialog
I have multiple elements that contain modal boxes, and for some reason the boxes will open on first click only. $(function(){ $('a[data-modal').click(function() { $(this).parent().find('div').modal(); return false; }); }); <article> <div>Modal One <a href="#" rel="modal:close">Close</a> or press ESC </div> <a href="#" data-modal>Open Modal</a> </article> <article> <div>Modal Two <a href="#" rel="modal:close">Close</a> or...

Passing data from table to Modal Table

modal-dialog
I have two tables for my inventory first is the Item List then the Item Info I bind the Item List to a HTML Table the add a button for each row the purpose of the button is to show the Item Info or table via modal I have already...

Not getting value populated in the success callback of angular ui modal

angularjs,modal-dialog,angularjs-scope,angular-ui
I'm trying to replicate an issue in plunker but unable to do it. I've both the code exactly same but plunker still behaves differently for some reason. My issue is that I'm not getting "personModified" populated in the original code for some reason. It does work in this plunker http://plnkr.co/edit/CexDMZ32KweLxGrV1TJE?p=preview...

angularJS, a notification partial or modal that gets loaded for a few seconds and then disappears

javascript,angularjs,node.js,modal-dialog,partial-views
Hi I am currently building an app using angularJS nodeJs. One of the features is to have individuals be able to send an email from the app. To do this they click a button which opens up a modal window. They fill out the form and then hit send. This...

Show modal bootstrap with optional value from javascript with single quote

javascript,twitter-bootstrap,modal-dialog,quotes
Modal can't be displayed because there is value single quote (') javascript:edit in variable three. please resolve this problem... I've been using htmlspecial character in javascript function, but still no effect in single quotes. thanks before -_-. <div class="modal fade" id="mEditComment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div...

Nestable tree does not work in a modal ui- bootstrap using the < script> < / script>

jquery,html,angularjs,twitter-bootstrap,modal-dialog
I try to display a tree in a modal Nestable ui- bootstrap , but select - + does not will pop up and does not work when injected into the between the to ui modal -bootstrap ( jquery.nestable.js ) how I can solve this problem ! <script type="text/ng-template" id="myModalContent.html"> <div...

Nested jQuery onClick event handler fires multiple times

jquery,twitter-bootstrap,modal-dialog,nested,propagation
Using a bootstrap modal, i want to register an event-handler both for the modal and the following submit-button inside this modal. Invoking the modal and closing ist subsequently leads to multiple execution of the #modalSubmitButton event. Could you think of any solution to prevent that behaviour and only fire on...

Button click inside Modal pop is not working

javascript,jquery,html,asp.net,modal-dialog
I have a div, inside which I have a FileUpload and Button Click. The div is a pop up section. See the HTML <div id="modal_dialog" style="display: none;"> <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:Button ID="btnUpload" runat="server" Text="Upload" CausesValidation="false" OnClick="btnUpload_Click" CssClass="btn btn-danger" /> </div> <asp:Button ID="btnModalPopup" runat="server" CssClass="btn btn-danger" Text="Upload Excel" /> But...

What is the proper way to validate a form with as bootstrap modal using jquery plugin validator

jquery,twitter-bootstrap,modal-dialog,jquery-validate
I am trying to validate a form that is inside a bootstrap Modal, however when the page is loaded the validate function in the plug in does not find the form because it has been hidden by the Modal class. How can i validate the form before it goes away...

yii2 bootstrap modal hide show

php,twitter-bootstrap,twitter-bootstrap-3,modal-dialog,yii2
I am using yii2 bootstrap model to show some data on that and bootstrap model is close through two ways, 1)on click of model close button. 2)on click of that black area which is appeared in background like light-box. I already handle the close button event but unable to handle...

How do I allow bootbox to accept multiple lines of code?

javascript,modal-dialog,textarea,bootbox
This code works: <script type="text/javascript"> bootbox.alert("Hello world!"); </script> This code doesn't work: <script type="text/javascript"> bootbox.alert("Hello world!"); </script> If you're gonna ask why I need it like the second one, it's because that value will be based off of a textarea which has multiple lines of code, I somehow need to...

pass href text to modal

jquery,modal-dialog,href
I have a table with usernames and the names of the users are links which when clicked show a modal. In this modal, the user's password can be changed. I want to get the text of the href in the modal. My code is below: <td> <a href='#' data-toggle='modal' data-target='#useredit'>username</a>...

Display Modal ViewController in PageViewController

ios,swift,modal-dialog,uipageviewcontroller
I have a master page in my application that is based on PageViewController. On that master page I have a side bar that provides options to the user. One of the options is to display "About" information regarding the application. When the user click the About button in the side...

How to test the template of an Ionic modal?

javascript,modal-dialog,tdd,ionic-framework,ionic
I'd like to test the template of an Ionic modal. The problem is that I cannot access the template through the modal. I figured out a workaround and it works, but there must be other solution. I solved this in the following way: Created a mock Angular directive using the...

How to implement Yii2 Modal Dialog on Gridview view and update button?

gridview,dialog,modal-dialog,yii2
I would like to implement Yii2 modal dialog box on my gridview when view or update button is clicked at each row. Can anyone kindly advise on how to implement it? With advice from arogachev: This is an update on my codes <?php //var_dump($dataProvider); $gridColumns = [ [ 'format' =>...

HTML transient modal window

javascript,firefox,modal-dialog,firefox-addon,privileges
We have a legacy web application. At various places it opens a window with the help of Privilege Manager on Firefox to get the needed result. Some of these windows open a Java applet or a PDF document. The client machines are updating Firefox and Privilege Manager is gone. What...

Getting divs to be the same height on a modal

html,css,modal-dialog
I'm trying to get a css only modal popup have 33% rows inside of one of it's containers, however it does not use the space it's allocated. Each row should have the same height (a third of the height left). I've included a fiddle. .modalDialog { position: fixed; top: 0;...

Closing Swing modal popups

java,swing,popup,modal-dialog
When I am trying to hide or close popup dialog invoked as a modal, the components disappears as they should, but the grey screen that indicates modality of the window is still visible, until the fist mouse click event at this window area. WebPopup darkenScreen = new WebPopup(PopupStyle.gray); ContructPopUP(darkenScreen); darkenScreen.showPopupAsModal(this);...

Bootstrap Modal Does not work

javascript,css,website,modal-dialog,bootstrap
I am trying to make a modal work but it just wont work. This is my code: pastebin.com/ES17Dxkk I followed everything on the bootstrap site but it just wont want to work. Can someone help me out?...

Why does modal pop up pressing space bar press? How do I prevent it?

javascript,jquery,html,twitter-bootstrap,modal-dialog
I have an action planned on a space bar click. It does happen. // when space bar is pressed do-something; // Applied on the $(document).keypress.. But, when I press space bar, along with the event/action that has to be triggered, modal load/shows up again. Why is it so? I have...

BootStrap Modal Code not working

twitter-bootstrap,gridview,modal-dialog,bootstrap-modal
My problem is that the modal doesn't appear when the button is clicked. The main div is directly copied from http://getbootstrap.com/javascript/#modals I have checked that my linking to the scripts in the head is correct. <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> <link rel="stylesheet" href="css/animate.css" /> <script src="css-sheets/bootstrap.js"></script>...

Angular is giving me an injection unresolved error, but my controller isn't asking for any injections

javascript,angularjs,controller,modal-dialog,inject
I have a modal controller that is buggy, so I've been commenting out code to try to figure out the bug. Currently, my modal HTML partial is an empty div tag and my controller is a single console.log, with no arguments or parameters. The $modal.open call only specifies the controller...

Bootstrap Modal Toggle event happening twice

javascript,jquery,twitter-bootstrap-3,modal-dialog
I have an asp:DataList. Each item in the list has a Delete button that will pop up a confirmation modal. <asp:DataList ID="dlKeywords" runat="server" RepeatLayout="Table" CssClass="table table-striped"> <ItemTemplate> ... <div class="btn btn-default glyphicon glyphicon-trash" data-toggle="modal" data-target="#modalDeleteWarning" data-keyword-id="<%# Eval("keywordId") %>" data-keyword-name="<%# Eval("keyword") %>"> </div> ... </ItemTemplate> </asp:DataList> <div id="modalDeleteWarning"...

How can a dialog become responsive while waiting for a call to DoModal() to return?

winapi,com,mfc,modal-dialog
A button on a dialog causes a child dialog to be created, and displayed modally. e.g: void ParentDialog::OnButton() { ChildDialog dlg; int ret = dlg.DoModal(); } The parent dialog is initially unresponsive as expected. But, the child dialog also makes COM calls to a server module, which causes the server...