ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Multiple Bootstrap Modal Popups: Open Modal Popup from Modal Popup<p>Hi <a class="username" rel="hussain"> hussain</a>,</p> <p>Here I have created sample that will help you out.</p> <p><span style="text-decoration: underline;">HTML</span></p> <div class="demo_block"> <pre class="brush: html">&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://code.jquery.com/jquery-2.1.3.js&#34;&gt;&lt;/script&gt; &lt;link rel=&#34;stylesheet&#34; href=&#39;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css&#39; media=&#34;screen&#34; /&gt; &lt;script type=&#34;text/javascript&#34; src=&#39;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js&#39;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; function showDialog2() { $(&#34;#dialog1&#34;).removeClass(&#34;fade&#34;).modal(&#34;hide&#34;); $(&#34;#dialog2&#34;).addClass(&#34;fade&#34;).modal(&#34;show&#34;); } $(function () { $(&#34;#dialog1&#34;).modal(&#34;show&#34;); $(&#34;#dialog-ok&#34;).on(&#34;click&#34;, function () { showDialog2(); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=&#34;dialog1&#34; class=&#34;modal fade&#34;&gt; &lt;div class=&#34;modal-dialog&#34;&gt; &lt;div class=&#34;modal-content&#34;&gt; &lt;div class=&#34;modal-header&#34;&gt; &lt;h4 class=&#34;modal-title&#34;&gt; Modal Dialog 1&lt;/h4&gt; &lt;/div&gt; &lt;div class=&#34;modal-body&#34;&gt; This is the first modal dialog&lt;/div&gt; &lt;div class=&#34;modal-footer&#34;&gt; &lt;button type=&#34;button&#34; id=&#34;dialog-ok&#34; class=&#34;btn btn-default&#34;&gt; Show dialog 2&lt;/button&gt; &lt;button type=&#34;button&#34; id=&#34;dialog-close&#34; class=&#34;btn btn-default&#34; data-dismiss=&#34;modal&#34;&gt; Close&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&#34;dialog2&#34; class=&#34;modal&#34;&gt; &lt;div class=&#34;modal-dialog&#34;&gt; &lt;div class=&#34;modal-content&#34;&gt; &lt;div class=&#34;modal-header&#34;&gt; &lt;h4 class=&#34;modal-title&#34;&gt; Modal Dialog 2&lt;/h4&gt; &lt;/div&gt; &lt;div class=&#34;modal-body&#34;&gt; This is the second modal dialog&lt;/div&gt; &lt;div class=&#34;modal-footer&#34;&gt; &lt;button type=&#34;button&#34; class=&#34;btn btn-default&#34; data-dismiss=&#34;modal&#34;&gt; OK&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/127854/Multiple-Bootstrap-Modal-Popups-Open-Modal-Popup-from-Modal-Popup/https://www.aspforums.net:443/Threads/127854/Multiple-Bootstrap-Modal-Popups-Open-Modal-Popup-from-Modal-Popup/Fri, 09 Oct 2015 06:43:51 GMT