ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2018 www.aspforums.com. All rights reserved.Validate form using BootstrapValidator from server side in ASP.Net<p>I have tried below link for asp.net server side controls web form validation</p> <p><a href="https://www.aspforums.net/Threads/100319/Validate-form-using-BootstrapValidator-on-Button-click-using-jQuery-in-ASPNet/">https://www.aspforums.net/Threads/100319/Validate-form-using-BootstrapValidator-on-Button-click-using-jQuery-in-ASPNet/</a></p> <p>but it wont work.</p> <p>I have used asp.net server side controls instead of html controls but it wont validate form like shown in above link.</p>https://www.aspforums.net:443/Threads/155659/Validate-form-using-BootstrapValidator-from-server-side-in-ASPNet/https://www.aspforums.net:443/Threads/155659/Validate-form-using-BootstrapValidator-from-server-side-in-ASPNet/Mon, 16 Apr 2018 07:31:25 GMTUsing BootStrap TimePicker with ASP.Net TextBox<p>how to use bootstrap timepicker in asp.net using asp.net textbox control..?</p>https://www.aspforums.net:443/Threads/120142/Using-BootStrap-TimePicker-with-ASPNet-TextBox/https://www.aspforums.net:443/Threads/120142/Using-BootStrap-TimePicker-with-ASPNet-TextBox/Tue, 05 May 2015 04:22:50 GMTTrigger ASP.Net Validators on Tab change event of BootStrap Tabs<p>Button in One tabs prevent the second button click operation &nbsp;as the first tab required field error is popped up....Kindly please provide the solution</p>https://www.aspforums.net:443/Threads/549325/Trigger-ASPNet-Validators-on-Tab-change-event-of-BootStrap-Tabs/https://www.aspforums.net:443/Threads/549325/Trigger-ASPNet-Validators-on-Tab-change-event-of-BootStrap-Tabs/Fri, 15 May 2015 04:24:06 GMTShow Success Message on Button Click using Bootstrap in ASP.Net<p>I simply want to show message that reads like this on button click event "Thanks, &nbsp;you have successfully created new project" &nbsp;How can i show such message using bootsrap controls? &nbsp;thanks for &nbsp;your help.</p> <pre class="brush: html"> &lt;asp:LinkButton ID=&#34;btnSubmit1&#34; runat=&#34;server&#34; CssClass=&#34;btn btn-primary btn-block&#34; OnClientClick=&#34;return JSFunctionValidate()&#34; OnClick=&#34;CreateProject&#34;&gt; &lt;i aria-hidden=&#34;true&#34; class=&#34;glyphicon glyphicon-ok&#34;&gt;&lt;/i&gt;Create Project &lt;/asp:LinkButton&gt;</pre> <p>&nbsp;</p> <pre class="brush: csharp"> protected void CreateProject(object sender, EventArgs e) { ..... .............. }</pre> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/166108/Show-Success-Message-on-Button-Click-using-Bootstrap-in-ASPNet/https://www.aspforums.net:443/Threads/166108/Show-Success-Message-on-Button-Click-using-Bootstrap-in-ASPNet/Tue, 19 May 2015 13:48:01 GMTShow Hide DIV based on selected Bootstrap Group Button using jQuery<p>Hi, I am using bootstrap 3.5 version, there are three buttons 'Oneway,Return,Multi City' and onclick i want to show/hide div. how to achieve it? if i am not using 'data-toggle="buttons"' it is working but i want to use this data-toggle="buttons". &nbsp;</p> <p>&nbsp;<img src="https://lh5.googleusercontent.com/-gRw-gfandBY/VfkGTTRianI/AAAAAAAAAEU/EsHKm3VF8po/w338-h160-no/Untitled-2.jpg" alt="" width="338" height="160" /></p> <p>&nbsp;here is html:</p> <pre class="brush: html"> &lt;div class=&#34;btn-group col-md-12&#34; data-toggle=&#34;buttons&#34;&gt; &lt;label class=&#34;btn btn-default&#34;&gt; &lt;input type=&#34;radio&#34; id=&#34;q156&#34; name=&#34;quality[25]&#34; value=&#34;1&#34; /&gt;Oneway &lt;/label&gt; &lt;label class=&#34;btn btn-default active&#34;&gt; &lt;input type=&#34;radio&#34; id=&#34;q157&#34; name=&#34;quality[25]&#34; value=&#34;2&#34; /&gt; Return &lt;/label&gt; &lt;label class=&#34;btn btn-default&#34;&gt; &lt;input type=&#34;radio&#34; id=&#34;q158&#34; name=&#34;quality[25]&#34; value=&#34;3&#34; /&gt; Multi City &lt;/label&gt; &lt;/div&gt;</pre> <p>here is javascript:</p> <pre class="brush: js">&lt;script&gt; $(document).ready(function(){ $(&#34;#q156&#34;).click(function(){ alert(&#39;egrgregrg&#39;); }); }); &lt;/script&gt;</pre> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/181430/Show-Hide-DIV-based-on-selected-Bootstrap-Group-Button-using-jQuery/https://www.aspforums.net:443/Threads/181430/Show-Hide-DIV-based-on-selected-Bootstrap-Group-Button-using-jQuery/Wed, 16 Sep 2015 02:33:02 GMTSave Bootstrap TimePicker selected time to database in ASP.Net<p><img src="http://i1286.photobucket.com/albums/a615/Emadkhanqai/time_zpsf3cyuo66.png" alt="" width="577" height="188" /></p> <p>This is the time picker which takes time in AM PM format for 1-12 hours. Now I am confused on how to convert this format to sql datetime format ...</p> <p>I have used this :</p> <pre class="brush: csharp">var date = string.Format(&#34;{0:yyyy-MM-dd HH:mm tt}&#34;, DateTime.Parse(&#34;11:59 PM&#34;)); ScriptManager.RegisterStartupScript(Page, GetType(), UniqueID, &#34;ShowPopup(&#39;&#34; + date + &#34;&#39;);&#34;, true);</pre> <p>It works fine or hard coded value but when i do this :</p> <pre class="brush: csharp">string a = STBox.Value.Trim(); var date = string.Format(&#34;{0:yyyy-MM-dd HH:mm tt}&#34;, DateTime.Parse(a)); ScriptManager.RegisterStartupScript(Page, GetType(), UniqueID, &#34;ShowPopup(&#39;&#34; + date + &#34;&#39;);&#34;, true);</pre> <p>It wont converts 12:00 AM selected in textbox while it converts other values.</p>https://www.aspforums.net:443/Threads/177680/Save-Bootstrap-TimePicker-selected-time-to-database-in-ASPNet/https://www.aspforums.net:443/Threads/177680/Save-Bootstrap-TimePicker-selected-time-to-database-in-ASPNet/Fri, 27 Mar 2015 04:21:30 GMTReorder Columns in Mobile Screen using Bootstrap<p>Hi,</p> <p>There are 5 equal clolumns in bootstrap.</p> <pre class="brush: html">&lt;div class=&#34;row&#34;&gt; &lt;div class=&#34;col-md-2&#34;&gt; box 1 &lt;/div&gt; &lt;div class=&#34;col-md-3&#34;&gt;box 2&lt;/div&gt; &lt;div class=&#34;col-md-2&#34;&gt;box 3 &lt;/div&gt; &lt;div class=&#34;col-md-2&#34;&gt;box 4&lt;/div&gt; &lt;div class=&#34;col-md-3&#34;&gt;box 5&lt;/div&gt; &lt;/div&gt;</pre> <p>I want to reorder these columns in small screen (mobile devices) like below picture.</p> <p><img src="https://lh5.googleusercontent.com/-slKo4DYfPuo/VdrXfOw4r7I/AAAAAAAACG0/exR4DjDgPw8/w626-h673-no/TTTT.jpg" alt="" width="626" height="673" /></p> <p>regards firoz</p>https://www.aspforums.net:443/Threads/838873/Reorder-Columns-in-Mobile-Screen-using-Bootstrap/https://www.aspforums.net:443/Threads/838873/Reorder-Columns-in-Mobile-Screen-using-Bootstrap/Mon, 24 Aug 2015 02:51:07 GMTRemove Twitter Bootstrap Modal backdrop on Button click in ASP.Net<p>in my bootstrap modal after saving my data model close</p> <p>there is shadow screen&nbsp;</p> <p>and when i go to the inspact&nbsp;web page&nbsp;</p> <p>there is&nbsp;</p> <p>&lt;div class ="modal-backdrop in"&gt;&lt;/div&gt; this is creating shadow screen and i do not &nbsp;know how to deal with&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/339944/Remove-Twitter-Bootstrap-Modal-backdrop-on-Button-click-in-ASPNet/https://www.aspforums.net:443/Threads/339944/Remove-Twitter-Bootstrap-Modal-backdrop-on-Button-click-in-ASPNet/Fri, 28 Jul 2017 05:36:26 GMTRemove padding from rows in Bootstrap<p>i wanted to remove space between Payment received and balance payment.i have not applied any css&nbsp; but i dont know why space is coming in between.i tried using nopadding but still it dint worked.</p> <p><a href="https://ibb.co/eiC0K7">https://ibb.co/eiC0K7</a></p> <pre class="brush: csharp">&lt;div class=&#34;container&#34;&gt; &lt;div class=&#34;row&#34;&gt; &lt;div class=&#34;col-md-12 nopadding&#34;&gt; &lt;div class=&#34;col-md-12 nopadding&#34; style=&#34;font-size:15px;padding-top:0px;font-family:Calibri;margin-left:60px;&#34;&gt; Payment Receieved : &lt;asp:Label ID=&#34;lblPayReceive&#34; runat=&#34;server&#34; CssClass=&#34;lblDeadln&#34; &gt;&lt;/asp:Label&gt; &lt;/div&gt; &lt;%-- &lt;div class=&#34;col-md-4&#34;&gt;&lt;/div&gt;--%&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;row&#34;&gt; &lt;div class=&#34;col-md-12 nopadding&#34;&gt; &lt;div class=&#34;col-md-8 nopadding&#34; style=&#34;font-size:15px;padding-top:0!important;font-family:Calibri;margin-left:60px;&#34;&gt; Balance Payment : &lt;asp:Label ID=&#34;lblBalance&#34; runat=&#34;server&#34; CssClass=&#34;lblDeadln&#34; &gt;&lt;/asp:Label&gt; &lt;/div&gt; &lt;div class=&#34;col-md-4&#34;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;</pre> <p>Any help will be appreciated.</p>https://www.aspforums.net:443/Threads/839318/Remove-padding-from-rows-in-Bootstrap/https://www.aspforums.net:443/Threads/839318/Remove-padding-from-rows-in-Bootstrap/Wed, 18 Apr 2018 00:04:52 GMTRemove Bootstrap Modal backdrop outside modal area click in ASP.Net<p>bootstrap modal popup loaded with search textbox and button.&nbsp;After clicking button, Gridview loaded with search result as expected within modal window.But after result is loaded, when i click anywhere outside the modal, entire page is faded and greyed out.</p> <p>I am adding my code flow with master page.</p> <pre class="brush: html">&lt;%@ Master Language=&#34;C#&#34; AutoEventWireup=&#34;true&#34; CodeBehind=&#34;Site1.master.cs&#34; Inherits=&#34;searchsamplemodal.Site1&#34; %&gt; &lt;!DOCTYPE html&gt; &lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head runat=&#34;server&#34;&gt; &lt;title&gt;Demo page&lt;/title&gt; &lt;link href=&#34;css/bootstrap.min.css&#34; rel=&#34;stylesheet&#34; /&gt; &lt;link href=&#34;css/jquery-ui-1.9.2.custom.css&#34; rel=&#34;stylesheet&#34; /&gt; &lt;/head&gt; &lt;body&gt; &lt;div&gt; &lt;asp:ContentPlaceHolder ID=&#34;ContentPlaceHolder1&#34; runat=&#34;server&#34;&gt; &lt;/asp:ContentPlaceHolder&gt; &lt;/div&gt; &lt;script src=&#34;jquery/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;%-- &lt;script src=&#34;http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js&#34; type=&#34;text/javascript&#34;&gt;&lt;/script&gt;--%&gt; &lt;%-- &lt;script src=&#34;jquery/jquery-ui-1.10.4.custom.js&#34; type=&#34;text/javascript&#34;&gt;&lt;/script&gt;--%&gt; &lt;script src=&#34;js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; function openModal() { $(&#39;[id*=popModal]&#39;).modal({ backdrop: &#39;static&#39;, keyboard: false }); } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre> <p>&nbsp;</p> <pre class="brush: html">&lt;%@ Page Title=&#34;&#34; Language=&#34;C#&#34; MasterPageFile=&#34;~/Site1.Master&#34; AutoEventWireup=&#34;true&#34; CodeBehind=&#34;WebForm1.aspx.cs&#34; EnableEventValidation=&#34;false&#34; Inherits=&#34;searchsamplemodal.WebForm1&#34; %&gt; &lt;asp:Content ID=&#34;Content2&#34; ContentPlaceHolderID=&#34;ContentPlaceHolder1&#34; runat=&#34;server&#34;&gt; &lt;form method=&#34;post&#34; action=&#34;&#34; id=&#34;myForm&#34; runat=&#34;server&#34;&gt; &lt;asp:ScriptManager ID=&#34;ScriptManager1&#34; runat=&#34;server&#34;&gt; &lt;/asp:ScriptManager&gt; &lt;div class=&#34;container&#34;&gt; &lt;a href=&#34;#&#34; data-target=&#34;#popModal&#34; data-toggle=&#34;modal&#34; class=&#34;btn btn-warning&#34;&gt;Search Records&lt;/a&gt; &lt;asp:UpdatePanel ID=&#34;UpdatePanel1&#34; runat=&#34;server&#34;&gt; &lt;ContentTemplate&gt; &lt;!-- Modal --&gt; &lt;asp:Label ID=&#34;Label1&#34; runat=&#34;server&#34; Text=&#34;&#34;&gt;&lt;/asp:Label&gt;&lt;br /&gt; &lt;div class=&#34;modal fade&#34; id=&#34;popModal&#34; tabindex=&#34;-1&#34; role=&#34;dialog&#34; style=&#34;overflow:hidden&#34; aria-labelledby=&#34;popModalLabel&#34; aria-hidden=&#34;true&#34;&gt; &lt;div class=&#34;modal-dialog modal-lg&#34;&gt; &lt;div class=&#34;modal-content&#34;&gt; &lt;div class=&#34;modal-header&#34;&gt; &lt;button type=&#34;button&#34; class=&#34;close&#34; data-dismiss=&#34;modal&#34; aria-label=&#34;Close&#34;&gt; &lt;span aria-hidden=&#34;true&#34;&gt;&amp;times;&lt;/span&gt;&lt;/button&gt; &lt;h4 class=&#34;modal-title&#34; id=&#34;popModalLabel&#34;&gt; Search Users&lt;/h4&gt; &lt;/div&gt; &lt;div class=&#34;modal-body&#34;&gt; &lt;form id=&#34;inputform&#34; action=&#34;#&#34; method=&#34;post&#34;&gt; &lt;div class=&#34;row&#34;&gt; &lt;div class=&#34;col-md-6&#34;&gt; &lt;div class=&#34;form-group&#34;&gt; &lt;asp:TextBox ID=&#34;txtEID&#34; runat=&#34;server&#34; placeholder=&#34;EID:&#34; class=&#34;form-control&#34;&gt;&lt;/asp:TextBox&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;col-md-6&#34;&gt; &lt;div class=&#34;form-group&#34;&gt; &lt;asp:TextBox ID=&#34;txtEName&#34; runat=&#34;server&#34; placeholder=&#34;E NAME:&#34; class=&#34;form-control&#34;&gt;&lt;/asp:TextBox&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;asp:Button ID=&#34;btnNameSearch&#34; CssClass=&#34;btn btn-primary&#34; Text=&#34;Search&#34; UseSubmitBehavior=&#34;false&#34; OnClick=&#34;btnNameSearch_Click&#34; runat=&#34;server&#34; /&gt; &lt;/div&gt; &lt;div class=&#34;modal-footer&#34;&gt; &lt;div style=&#34;width: 75%; height: 300px; overflow: scroll;&#34;&gt; &lt;asp:GridView ID=&#34;gvEmployee&#34; runat=&#34;server&#34; ViewStateMode=&#34;Enabled&#34; DataKeyNames=&#34;srid&#34; AutoGenerateColumns=&#34;false&#34; CssClass=&#34;table table-hover&#34; GridLines=&#34;None&#34;&gt; &lt;Columns&gt; &lt;asp:BoundField DataField=&#34;eid&#34; HeaderText=&#34;EID&#34; /&gt; &lt;asp:BoundField DataField=&#34;ename&#34; HeaderText=&#34;EName&#34; /&gt; &lt;/Columns&gt; &lt;HeaderStyle BackColor=&#34;LightCoral&#34; ForeColor=&#34;White&#34;&gt;&lt;/HeaderStyle&gt; &lt;/asp:GridView&gt; &lt;/div&gt; &lt;div class=&#34;dl-horizontal&#34;&gt; &lt;button type=&#34;button&#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&gt; &lt;/ContentTemplate&gt; &lt;/asp:UpdatePanel&gt; &lt;/div&gt; &lt;/form&gt; &lt;/asp:Content&gt;</pre> <p>&nbsp;</p> <pre class="brush: csharp">namespace searchsamplemodal { public partial class WebForm1 : System.Web.UI.Page { ClsBusinessLayer objBAL = new ClsBusinessLayer(); protected void Page_Load(object sender, EventArgs e) { } protected void btnNameSearch_Click(object sender, EventArgs e) { if (IsValid) { if (txtEID.Text == &#34;&#34; &amp;&amp; txtEName.Text == &#34;&#34;) { var dsEmployees = (DataSet)objBAL.LoadEmployees(txtEID.Text, txtEName.Text); gvEmployee.DataSource = dsEmployees.Tables[0]; gvEmployee.DataBind(); ScriptManager.RegisterStartupScript(this, this.GetType(), &#34;Pop&#34;, &#34;$(function() { openModal(); });&#34;, true); } else if (txtEID.Text == &#34;&#34; &amp;&amp; txtEName.Text != &#34;&#34;) { var dsEmployees = (DataSet)objBAL.LoadEmployees(txtEID.Text, skey); gvEmployee.DataSource = dsEmployees.Tables[0]; gvEmployee.DataBind(); ScriptManager.RegisterStartupScript(this, this.GetType(), &#34;Pop&#34;, &#34;$(function() { openModal(); });&#34;, true); } else { var dsEmployees = (DataSet)objBAL.LoadEmployees(txtEID.Text, txtEName.Text); gvEmployee.DataSource = dsEmployees.Tables[0]; gvEmployee.DataBind(); ScriptManager.RegisterStartupScript(this, this.GetType(), &#34;Pop&#34;, &#34;$(function() { openModal(); });&#34;, true); } } } } }</pre> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/678967/Remove-Bootstrap-Modal-backdrop-outside-modal-area-click-in-ASPNet/https://www.aspforums.net:443/Threads/678967/Remove-Bootstrap-Modal-backdrop-outside-modal-area-click-in-ASPNet/Wed, 11 Jul 2018 23:42:17 GMTReduce (Decrease) height of Bootstrap DatePicker Widget<p>Hi,</p> <p>Can anyone help to reduce the height of boostrap datepicker widget because the default height is bigger and does not matches the form , below is my code</p> <pre class="brush: html">&lt;div class=&#34;input-group date datepicker col-md-6 col-xs-6&#34; data-date=&#34;&#34; data-date-format=&#34;dd MM yyyy&#34; data-link-field=&#34;dtp_input2&#34; data-link-format=&#34;yyyy-mm-dd&#34; style=&#34;max-width:155px&#34;&gt; &lt;input class=&#34;form-control&#34; size=&#34;16&#34; type=&#34;text&#34; value=&#34;&#34;&gt; &lt;span class=&#34;input-group-addon&#34;&gt;&lt;span class=&#34;glyphicon glyphicon-calendar&#34;&gt;&lt;/span&gt;&lt;/span&gt; &lt;/div&gt;</pre> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/148811/Reduce-Decrease-height-of-Bootstrap-DatePicker-Widget/https://www.aspforums.net:443/Threads/148811/Reduce-Decrease-height-of-Bootstrap-DatePicker-Widget/Wed, 06 Jan 2016 03:51:27 GMTPopulate ListBox using jQuery AJAX and apply Bootstrap MultiSelect plugin in ASP.Net<p>HI,</p> <p>i am trying to bind data to multi select list box in jquery</p> <p>here is code:</p> <p>&nbsp;</p> <pre class="brush: js"> function GetPlotsbyReservation(district, industry,rsvr) { $.ajax({ type: &#34;POST&#34;, url: &#34;kiadb.asmx/GetPlotsbyReservation&#34;, data: &#34;{&#39;District&#39;:&#39;&#34; + district + &#34;&#39;,&#39;industry&#39;:&#39;&#34; + industry + &#34;&#39;,&#39;rsvr&#39;:&#39;&#34; + rsvr + &#34;&#39;}&#34;, contentType: &#34;application/json; charset=utf-8&#34;, dataType: &#34;json&#34;, success: OnSuccess, error: OnError }); function OnSuccess(data, status) { var myObject = JSON.parse(data.d); var len = myObject.length; var listItems = &#34;&#34;; for (var i = 0; i &lt; len; i++) { $(&#39;#ddlPlot&#39;).append(&#39;&lt;option value=&#34;&#39; + myObject[i].rsvr + &#39;&#34;&gt;&#39; + myObject[i].rsvr + &#39;&lt;/option&gt;&#39;); } } function OnError(request, status, error) { alert(request.statusText); } }</pre> <p>&nbsp;</p> <pre class="brush: html"> &lt;asp:ListBox ID=&#34;ddlPlot&#34; runat=&#34;server&#34; SelectionMode=&#34;Multiple&#34; &gt;&lt;/asp:ListBox&gt;</pre> <p>data is not binding to list box.can any one help me</p>https://www.aspforums.net:443/Threads/324329/Populate-ListBox-using-jQuery-AJAX-and-apply-Bootstrap-MultiSelect-plugin-in-ASPNet/https://www.aspforums.net:443/Threads/324329/Populate-ListBox-using-jQuery-AJAX-and-apply-Bootstrap-MultiSelect-plugin-in-ASPNet/Wed, 07 Dec 2016 04:51:13 GMTOpen (Show) BootStrap Modal Popup from Server Side using C# and VB.Net in ASP.Net<p>Guys, i need to show a modal(Bootstrap Modal) after a user has successfully registered. Here's my code...</p> <pre class="brush: html">&lt;div runat=&#34;server&#34; id=&#34;myModal&#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;button type=&#34;button&#34; class=&#34;close&#34; data-dismiss=&#34;modal&#34; aria-hidden=&#34;true&#34;&gt;&amp;times;&lt;/button&gt; &lt;h4 class=&#34;modal-title&#34;&gt;Confirmation&lt;/h4&gt; &lt;/div&gt; &lt;div class=&#34;modal-body&#34;&gt; &lt;p&gt;Do you want to save changes you made to document before closing?&lt;/p&gt; &lt;p class=&#34;text-warning&#34;&gt;&lt;small&gt;If you don&#39;t save, your changes will be lost.&lt;/small&gt;&lt;/p&gt; &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;Close&lt;/button&gt; &lt;button type=&#34;button&#34; class=&#34;btn btn-primary&#34;&gt;Save changes&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;</pre> <p>and the code behind...</p> <pre class="brush: csharp">myModal.Visible = true;</pre> <p>where is the problem...???</p>https://www.aspforums.net:443/Threads/111893/Open-Show-BootStrap-Modal-Popup-from-Server-Side-using-C-and-VBNet-in-ASPNet/https://www.aspforums.net:443/Threads/111893/Open-Show-BootStrap-Modal-Popup-from-Server-Side-using-C-and-VBNet-in-ASPNet/Tue, 10 Feb 2015 23:51:05 GMTN-Level (MultiLevel) Bootstrap Responsive not showing SubMenu in ASP.Net<p>in this article you are showing menu bar that bind from data base</p> <p>&nbsp;</p> <p>menuid parentmenuid title description url</p> <p>1&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 0&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;abc&nbsp; &nbsp; abc&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;abc</p> <p>2&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;1&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;def&nbsp; &nbsp; def&nbsp; &nbsp; &nbsp; &nbsp; def</p> <p>3&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;0&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ghi&nbsp; ghi&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;ghi</p> <p>4&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;3&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; jkl&nbsp; &nbsp;jkl&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;jkl</p> <p>--------------------------------------------------------</p> <p>in that case menu abc has submenu that is def</p> <p>menu ghi has submenu jkl&nbsp;</p> <p>------------------------------------------</p> <p>but dont show second menu of submenu&nbsp;</p> <p>please help&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/183337/N-Level-MultiLevel-Bootstrap-Responsive-not-showing-SubMenu-in-ASPNet/https://www.aspforums.net:443/Threads/183337/N-Level-MultiLevel-Bootstrap-Responsive-not-showing-SubMenu-in-ASPNet/Sun, 14 Jan 2018 23:31:18 GMTN-Level (MultiLevel) Bootstrap Responsive ASP.Net Menu control for Mobile Phone, Tablet and Desktop display<p>Hi</p> <p>I have followed the article&nbsp;<a href="http://www.aspsnippets.com/Articles/Bootstrap-Responsive-ASPNet-Menu-control-for-Mobile-Phone-Tablet-and-Desktop-display.aspx">http://www.aspsnippets.com/Articles/Bootstrap-Responsive-ASPNet-Menu-control-for-Mobile-Phone-Tablet-and-Desktop-display.aspx</a>&nbsp;on asp.net menu with bootstrap.</p> <p>however if I have more than one sub menu only the first one seems to show the drop down</p> <p>&nbsp;</p> <p>any ideas ??&nbsp;</p>https://www.aspforums.net:443/Threads/190355/N-Level-MultiLevel-Bootstrap-Responsive-ASPNet-Menu-control-for-Mobile-Phone-Tablet-and-Desktop-display/https://www.aspforums.net:443/Threads/190355/N-Level-MultiLevel-Bootstrap-Responsive-ASPNet-Menu-control-for-Mobile-Phone-Tablet-and-Desktop-display/Thu, 14 Jan 2016 02:33:51 GMTN-Level (MultiLevel) Bootstrap DropDown Responsive ASP.Net Menu control for Mobile Phone, Tablet and Desktop display<p>Hello friend implement your responsive menu published as indicated by the title of the question and the question I ask is if you have a solution that you can share to have two or more menus with your submenu, such as the menu of services. Thanks for your input and hopefully you can support me because your menu seems very well done and very nice to the design of systems.</p> <p>Greetings from Mexico.</p>https://www.aspforums.net:443/Threads/122462/N-Level-MultiLevel-Bootstrap-DropDown-Responsive-ASPNet-Menu-control-for-Mobile-Phone-Tablet-and-Desktop-display/https://www.aspforums.net:443/Threads/122462/N-Level-MultiLevel-Bootstrap-DropDown-Responsive-ASPNet-Menu-control-for-Mobile-Phone-Tablet-and-Desktop-display/Thu, 07 Dec 2017 12:50:39 GMTMultiple Bootstrap Modal Popups: Open Modal Popup from Modal Popup<p>I am working on house of blouse website. if you click country name button at top right corner of page.please refer&nbsp;<a href="http://www.houseofblouse.com/index">http://www.houseofblouse.com/index</a>.</p> <p>here is my code</p> <pre class="brush: html">&lt;html&gt; &lt;head&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;script src=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js&#34;&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;); } $(&#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> <p>&nbsp;</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 00:37:20 GMTMaintain Selected (Active) Bootstrap Tab on Partial PostBack inside UpdatePanel using Bootstrap 4 in ASP.Net<p>Hi,</p> <p>With reference to below link</p> <p><a>https://www.aspforums.net/Threads/879995/How-to-Maintain-Active-Bootstrap-Tab-inside-UpdatePanel-on-PostBack-using-jQuery/</a></p> <p>&nbsp;</p> <p><a href="https://www.aspforums.net/Threads/272636/Bootstrap-Tabs-Maintain-Selected-Active-Tab-on-Partial-PostBack-inside-AJAX-UpdatePanel-in-ASPNet/">https://www.aspforums.net/Threads/272636/Bootstrap-Tabs-Maintain-Selected-Active-Tab-on-Partial-PostBack-inside-AJAX-UpdatePanel-in-ASPNet/</a></p> <p>&nbsp;</p> <p>I also tried the same but after every postback in tab controls it always navigate to first tab then active tab.</p> <p>Even page have only blank tabs (No database attached).</p> <p>Please assist in Bootstrap 4.</p> <p>Thanx in Advance.</p>https://www.aspforums.net:443/Threads/176073/Maintain-Selected-Active-Bootstrap-Tab-on-Partial-PostBack-inside-UpdatePanel-using-Bootstrap-4-in-ASPNet/https://www.aspforums.net:443/Threads/176073/Maintain-Selected-Active-Bootstrap-Tab-on-Partial-PostBack-inside-UpdatePanel-using-Bootstrap-4-in-ASPNet/Mon, 20 Aug 2018 13:03:15 GMTMaintain Bootstrap Accordion current pane state after PostBack in ASP.Net<p>Hello Everyone..</p> <p>Can anyone show me how to retain the current position of bootstrap accordion during postback..? &nbsp;My html code below..&nbsp;</p> <p>Thank you..&nbsp;</p> <p>Link</p> <p>&nbsp;</p> <pre class="brush: html">&lt;div class=&#34;bs-example&#34;&gt; &lt;div class=&#34;panel-group&#34; id=&#34;patient-accordion&#34;&gt; &lt;div class=&#34;panel panel-default&#34;&gt; &lt;div class=&#34;panel-heading&#34;&gt; &lt;h4 class=&#34;panel-title&#34;&gt; &lt;a data-toggle=&#34;collapse&#34; data-parent=&#34;#accordion&#34; href=&#34;#collapseOne&#34;&gt;Patient Info&lt;/a&gt; &lt;/h4&gt; &lt;/div&gt; &lt;div id=&#34;collapseOne&#34; class=&#34;panel-collapse collapse in&#34;&gt; &lt;div class=&#34;panel-body&#34;&gt; *** asp.net controls *** &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;panel panel-default&#34;&gt; &lt;div class=&#34;panel-heading&#34;&gt; &lt;h4 class=&#34;panel-title&#34;&gt; &lt;a data-toggle=&#34;collapse&#34; data-parent=&#34;#accordion&#34; href=&#34;#collapseTwo&#34;&gt;Past history&lt;/a&gt; &lt;/h4&gt; &lt;/div&gt; &lt;div id=&#34;collapseTwo&#34; class=&#34;panel-collapse collapse&#34;&gt; &lt;div class=&#34;panel-body&#34;&gt; *** asp.net controls *** &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;panel panel-default&#34;&gt; &lt;div class=&#34;panel-heading&#34;&gt; &lt;h4 class=&#34;panel-title&#34;&gt; &lt;a data-toggle=&#34;collapse&#34; data-parent=&#34;#accordion&#34; href=&#34;#collapseThree&#34;&gt;family history&lt;/a&gt; &lt;/h4&gt; &lt;/div&gt; &lt;div id=&#34;collapseThree&#34; class=&#34;panel-collapse collapse&#34;&gt; &lt;div class=&#34;panel-body&#34;&gt; *** asp.net controls *** &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;</pre> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/993532/Maintain-Bootstrap-Accordion-current-pane-state-after-PostBack-in-ASPNet/https://www.aspforums.net:443/Threads/993532/Maintain-Bootstrap-Accordion-current-pane-state-after-PostBack-in-ASPNet/Sat, 02 May 2015 23:37:47 GMTKeep Bootstrap Accordion Panes open by default on Page Load<p>I want the first accordion panel to be open when the page loads but my issue is that all accordion panels are collapsed. &nbsp;I want by default the first one to be collapsed in.. in other words it has to be open for users to see what is in there..</p> <p>&nbsp;</p> <pre class="brush: html">&lt;div class=&#34;row&#34;&gt; &lt;div class=&#34;col-sm-12&#34; style=&#34;background-color: lavender;&#34;&gt; &lt;div class=&#34;panel-group&#34; id=&#34;accordion&#34; role=&#34;tablist&#34; aria-multiselectable=&#34;true&#34;&gt; &lt;div class=&#34;panel panel-default&#34;&gt; &lt;div class=&#34;panel-heading&#34;&gt; &lt;h4 class=&#34;panel-title&#34;&gt; &lt;a class=&#34;accordion-toggle&#34; data-toggle=&#34;collapse&#34; aria-expanded=&#34;true&#34; data-parent=&#34;#accordion&#34; href=&#34;#panel1&#34;&gt;Create New Project&lt;/a&gt; &lt;/h4&gt; &lt;/div&gt; &lt;div id=&#34;panel1&#34; class=&#34;panel-collapse collapse in&#34;&gt; &lt;div class=&#34;panel-body&#34;&gt; &lt;br /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;panel panel-default&#34;&gt; &lt;div class=&#34;panel-heading&#34;&gt; &lt;h4 class=&#34;panel-title&#34;&gt; &lt;a class=&#34;accordion-toggle&#34; aria-expanded=&#34;false&#34; data-toggle=&#34;collapse&#34; data-parent=&#34;#accordion&#34; href=&#34;#panel2&#34;&gt;Edit Project&lt;/a&gt; &lt;/h4&gt; &lt;/div&gt; &lt;div id=&#34;panel2&#34; class=&#34;panel-collapse collapse&#34;&gt; &lt;div class=&#34;panel-body&#34;&gt; &lt;div class=&#34;row&#34;&gt; &lt;div class=&#34;col-sm-12&#34;&gt; &lt;%-- &lt;div class=&#34;form-group&#34;&gt; &lt;label for=&#34;fname&#34;&gt;Search&lt;/label&gt; &lt;asp:TextBox ID=&#34;txtSearch&#34; runat=&#34;server&#34; CssClass=&#34;form-control&#34; placeholder=&#34;search by project title&#34; onkeyup=&#34;Search(this);&#34; ClientIDMode=&#34;Static&#34;&gt;&lt;/asp:TextBox&gt; &lt;/div&gt;--%&gt; &lt;div class=&#34;alert alert-info&#34;&gt; &lt;strong&gt;Info!&lt;/strong&gt; Use the search box to search. &lt;/div&gt; &lt;label for=&#34;fnsrch&#34;&gt;Search by Project Title:&lt;/label&gt; &lt;div class=&#34;glyphicon&#34;&gt; &lt;i class=&#34;glyphicon glyphicon-search form-control-feedback&#34;&gt;&lt;/i&gt; &lt;asp:TextBox ID=&#34;txtSearch&#34; runat=&#34;server&#34; CssClass=&#34;form-control glyphicon glyphicon-search&#34; placeholder=&#34;search by project title&#34; onkeyup=&#34;Search(this);&#34; ClientIDMode=&#34;Static&#34;&gt;&lt;/asp:TextBox&gt; &lt;/div&gt; &lt;/div&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;/div&gt; &lt;%-- body--%&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;asp:HiddenField ID=&#34;PaneName&#34; runat=&#34;server&#34; /&gt; &lt;/div&gt;</pre> <p>JS</p> <p>&nbsp;</p> <pre class="brush: js">&lt;script type=&#34;text/javascript&#34;&gt; jQuery(function ($) { var $active = $(&#39;#accordion .panel-collapse.in&#39;).prev().addClass(&#39;active&#39;); $active.find(&#39;a&#39;).prepend(&#39;&lt;i class=&#34;glyphicon glyphicon-minus&#34;&gt;&lt;/i&gt;&#39;); $(&#39;#accordion .panel-heading&#39;).not($active).find(&#39;a&#39;).prepend(&#39;&lt;i class=&#34;glyphicon glyphicon-plus&#34;&gt;&lt;/i&gt;&#39;); $(&#39;#accordion&#39;).on(&#39;show.bs.collapse&#39;, function (e) { $(&#39;#accordion .panel-heading.active&#39;).removeClass(&#39;active&#39;).find(&#39;.glyphicon&#39;).toggleClass(&#39;glyphicon-plus glyphicon-minus&#39;); $(e.target).prev().addClass(&#39;active&#39;).find(&#39;.glyphicon&#39;).toggleClass(&#39;glyphicon-plus glyphicon-minus&#39;); }) }); &lt;/script&gt;</pre> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/203296/Keep-Bootstrap-Accordion-Panes-open-by-default-on-Page-Load/https://www.aspforums.net:443/Threads/203296/Keep-Bootstrap-Accordion-Panes-open-by-default-on-Page-Load/Thu, 21 May 2015 05:32:44 GMT