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.How to Add custom bootstrap dialog modal popup box <p>Hi,</p> <p>Here I have created sample that will help you out.</p> <p>Download the below file</p> <p><a href="https://raw.githubusercontent.com/ShaneStevenLei/BootstrapDialog/master/bootstrap-dialog.js">bootstrap-dialog.js</a></p> <p><span style="text-decoration: underline;">HTML</span></p> <pre class="brush: html">&lt;div&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css&#34; /&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;Js/bootstrap-dialog.js&#34; type=&#34;text/javascript&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; var dialog = new bDialog(); function showModal() { createDialog($(&#39;#ddlType&#39;).val(), &#39;BootstrapDialog&#39;, $(&#34;#ddlSize&#34;).val()); dialog.open(); } function createDialog(dialogType, dialogTitle, dialogSize) { dialog.setting({ title: dialogTitle, titleType: dialogType, content: $(&#39;[id*=dialog]&#39;).html(), dialogSize: dialogSize }); } function hideModal() { dialog.hide(); } &lt;/script&gt; Dialog Type : &lt;select id=&#34;ddlType&#34; name=&#34;ctl02&#34;&gt; &lt;option value=&#34;default&#34;&gt;default&lt;/option&gt; &lt;option value=&#34;info&#34;&gt;info&lt;/option&gt; &lt;option value=&#34;warning&#34;&gt;warning&lt;/option&gt; &lt;option value=&#34;danger&#34;&gt;danger&lt;/option&gt; &lt;option value=&#34;primary&#34;&gt;primary&lt;/option&gt; &lt;/select&gt; &amp;nbsp;&amp;nbsp; Dialog Size : &lt;select id=&#34;ddlSize&#34; name=&#34;ctl02&#34;&gt; &lt;option value=&#34;default&#34;&gt;default&lt;/option&gt; &lt;option value=&#34;xs&#34;&gt;Extra Small&lt;/option&gt; &lt;option value=&#34;sm&#34;&gt;Small&lt;/option&gt; &lt;option value=&#34;m&#34;&gt;Medium&lt;/option&gt; &lt;option value=&#34;lg&#34;&gt;Large&lt;/option&gt; &lt;/select&gt; &lt;input type=&#34;button&#34; name=&#34;name&#34; value=&#34;Show Modal&#34; onclick=&#34;showModal()&#34; /&gt; &lt;br /&gt; &lt;br /&gt; &lt;div id=&#34;dialog&#34; style=&#34;display: none&#34; align=&#34;center&#34;&gt; This is a Bootstrap Dialog. &lt;br /&gt; &lt;br /&gt; &lt;input type=&#34;button&#34; id=&#34;btnClose&#34; value=&#34;Close&#34; onclick=&#34;hideModal()&#34; /&gt; &lt;/div&gt; &lt;/div&gt;</pre> <p><span style="text-decoration: underline;">Screenshot</span></p> <p><img src="https://i.imgur.com/GkdW6y4.gif" alt="" width="472" height="94" /></p>https://www.aspforums.net:443/Threads/525308/How-to-Add-custom-bootstrap-dialog-modal-popup-box/https://www.aspforums.net:443/Threads/525308/How-to-Add-custom-bootstrap-dialog-modal-popup-box/Thu, 03 Dec 2015 06:51:51 GMT