modal-dialog

I have a modal dialog using jquery UI dialog. I now want to popup another dialog when i user changes a field in the first dialog. Both should be modal. Is this possible as i tried putting this code there and nothing seems to popup. The following code works fine when click from a regular page (where the select control with id: selectDropdownThatICanChange) but if the same select control that i am changing is itself a dialog the dialog("Open") line does nothing. The change event fires and the open method gets called but nothing pops up. $("#secondModalDialog").dialog({ resizable: false, height:

I am stuck. Given Bootstrap 3.0 is about to be released, I decided to go with it for a new project. Things are going fine so far, but for the life of me, I can't figure out how to do a Modal Dialog in Bootstrap 3.0. Does anyone have a simple example? Bass Jobsen You could try to build the docs: Compile Twitter bootstrap 3 docs (How to)? so also http://bassjobsen.weblogs.fm/explore-and-install-twitter-bootstrap-3/ from the docs: <!-- Button trigger modal --> <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Launch demo modal</a> <!-- Modal --> <div class="modal fade" id=

Like a window in microsoft OS (xp,vista, 7 etc)... If a main window create a modal window, the user can't access the main window, (including close and access the toolbar etc). I want to make a similar one with extjs. This is my modal example : Ext.create("Ext.Window", { title: 'aa', width: 200, height: 150, html: 'a', tbar: [{ text: 'aa', handler: function() { Ext.create("Ext.Window", { title: 'aa', width: 150, closable: false, height: 100, html: 'b', ownerCt: this, modal: true }).show(); } }] }).show(); The problem is, it just disable the main window's body, user still can access main toolbar

I am currently investigating all possible solutions to be able to inform the user, ie pop a dialog, when there is a decision he needs to make. This is a common problem with MVVM pattern and I am trying to solve it for MvvmCross framework. Possible solutions could be: Customize the MvxPresenter to be able to show dialogs, but that looks a bit ugly to me Put a Dialog interface in the Core project and use Inversion of Control to inject the implementation from the UI project to the Core project Use the MvxMessenger plugin and share messages between the Core and UI project. Sounds like a good idea

How to append reactjs modal window with body end tag to set the modal positioning absolute with body tag. Here is example added inside the another component. <div className="modal"> <p>Model Pop-up <button onClick={this.handleClick}>here</button></p> <div id="js-modal-inner" className="modal"> <div className="modal__content js-dialog"> <a className="modal__close" onClick={this.handleClose}>×</a> <header className="modal__header"> <h2 className="modal__title">Split Ticket:</h2> </header> <div className="modal__content--inner"> {this.props.children} </div> </div> </div> <div className="modal_

I've used nyroModal and Fancybox as tools for websites but in this instance I must use jQuery UI's dialog tool. I need this dialog to load a page. I believe I've done this before but everything I come across seems more complex than it should be. Can't I use something like... $( "#dialog" ).dialog({ autoOpen: false, modal: true, url: http://www.google.com }); <button id="dialog">Open Dialog</button> and have the page open in a simple iframe? Thanks in advance. I did find that I have this code, <script> //$.fx.speeds._default = 500; $(function() { $( "#dialog" ).dialog({ autoOpen: false, show:

I am creating a website with bootstrap that can be found here - http://www.branchingouteurope.com/digital-spark-testing/ If you select the video image you'll see a modal window open a youtube video. The problem I have is that when the modal window is closed the video keeps playing. I want this video to stop when the modal window is closed. I've looked online and read many solutions however none seem to work. Here is the mark up... <span class="main_video"> <div data-toggle="modal" data-target="#myModal" style="cursor:pointer"> <img src="img/master/video.fw.png" height="81%" width="60%" alt=

In my Angular 4 app, let's assume that I'm inside a service. At some point I want to ask to the user for a confirmation, currently I'm doing it with just a confirm(...) request: const result = confirm('Are you sure?'); what if instead I would like to show a ngx-bootstrap modal with, let's say, two buttons "Yes" or "No" and obtain a similar result? EDIT : in my case, I solved my issue by playing with Subjects. Here you can find my solution, in case it can be useful for someone else. However that solution does not solve this question which is about returning a value from a modal, so I leave it