ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2017 www.aspforums.com. All rights reserved.Using BootStrap TimePicker with ASP.Net TextBox<p>how to use bootstrap timepicker in asp.net using asp.net textbox control..?</p>http://www.aspforums.net/Threads/120142/Using-BootStrap-TimePicker-with-ASPNet-TextBox/http://www.aspforums.net/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>http://www.aspforums.net/Threads/549325/Trigger-ASPNet-Validators-on-Tab-change-event-of-BootStrap-Tabs/http://www.aspforums.net/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>http://www.aspforums.net/Threads/166108/Show-Success-Message-on-Button-Click-using-Bootstrap-in-ASPNet/http://www.aspforums.net/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>http://www.aspforums.net/Threads/181430/Show-Hide-DIV-based-on-selected-Bootstrap-Group-Button-using-jQuery/http://www.aspforums.net/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>http://www.aspforums.net/Threads/177680/Save-Bootstrap-TimePicker-selected-time-to-database-in-ASPNet/http://www.aspforums.net/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>http://www.aspforums.net/Threads/838873/Reorder-Columns-in-Mobile-Screen-using-Bootstrap/http://www.aspforums.net/Threads/838873/Reorder-Columns-in-Mobile-Screen-using-Bootstrap/Mon, 24 Aug 2015 02:51:07 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>http://www.aspforums.net/Threads/148811/Reduce-Decrease-height-of-Bootstrap-DatePicker-Widget/http://www.aspforums.net/Threads/148811/Reduce-Decrease-height-of-Bootstrap-DatePicker-Widget/Wed, 06 Jan 2016 03:51:27 GMTHow to show comments or add text using Bootstrap Carousel in ASP.Net<p>hello sir&nbsp;</p> <p>I want to ask for tutorial about</p> <p>:- in your website in the last column</p> <p>how to create like that where information fetched from the database</p> <p>:-- What our readers say --:</p> <p>&nbsp;</p>http://www.aspforums.net/Threads/186203/How-to-show-comments-or-add-text-using-Bootstrap-Carousel-in-ASPNet/http://www.aspforums.net/Threads/186203/How-to-show-comments-or-add-text-using-Bootstrap-Carousel-in-ASPNet/Fri, 20 Jan 2017 01:47:29 GMTHow to read and access BootStrap CSS class for a TextBox in ASP.Net<p>I have converted bootstrap textbox into asp.net textbox and I want to access it in my cs i.e code behind file but i am not able to access it..please provide me appropriate solution.</p> <pre class="brush: csharp"> &lt;input type=&#34;email&#34; id=&#34;inputEmail&#34; class=&#34;form-control&#34; placeholder=&#34;Email &#34; required autofocus&gt; &lt;asp:TextBox ID=&#34;txtEmail&#34; runat=&#34;server&#34; CssClass=&#34;form-control&#34; placeholder=&#34;Email&#34;&gt;&lt;/asp:TextBox&gt;</pre> <p>&nbsp;</p>http://www.aspforums.net/Threads/267485/How-to-read-and-access-BootStrap-CSS-class-for-a-TextBox-in-ASPNet/http://www.aspforums.net/Threads/267485/How-to-read-and-access-BootStrap-CSS-class-for-a-TextBox-in-ASPNet/Thu, 26 Mar 2015 03:40:58 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>http://www.aspforums.net/Threads/324329/Populate-ListBox-using-jQuery-AJAX-and-apply-Bootstrap-MultiSelect-plugin-in-ASPNet/http://www.aspforums.net/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 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>http://www.aspforums.net/Threads/111893/Open-Show-BootStrap-Modal-Popup-from-Server-Side-in-ASPNet/http://www.aspforums.net/Threads/111893/Open-Show-BootStrap-Modal-Popup-from-Server-Side-in-ASPNet/Tue, 10 Feb 2015 23:51:05 GMTNested (Parent Child) Bootstrap Modaal Dialog Popup Box example<p>Hi,</p> <p>&nbsp;</p> <p>I have this nested popup i want to achieve followings:</p> <p>&nbsp;</p> <p>1. When i close nested popup it should close primary popup as well, currently i have to close nested popup then i have to close primary popup- I want when i close nested popup primary close automtically.</p> <p>&nbsp;</p> <p>2. Example- if i select any value from nested popup so i should assign to label on the page.</p> <p>&nbsp;</p> <p>&nbsp;</p> <pre class="brush: html">&lt;a data-toggle=&#34;modal&#34; href=&#34;#myModal&#34; class=&#34;btn btn-primary&#34;&gt;Launch modal&lt;/a&gt; &lt;div class=&#34;modal&#34; id=&#34;myModal&#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;&times;&lt;/button&gt; &lt;h4 class=&#34;modal-title&#34;&gt;Modal title&lt;/h4&gt; &lt;/div&gt;&lt;div class=&#34;container&#34;&gt;&lt;/div&gt; &lt;div class=&#34;modal-body&#34;&gt; Content for the dialog / modal goes here. &lt;br&gt; &lt;br&gt; &lt;br&gt; &lt;br&gt; &lt;br&gt; &lt;a data-toggle=&#34;modal&#34; href=&#34;#myModal2&#34; class=&#34;btn btn-primary&#34;&gt;Launch modal&lt;/a&gt; &lt;/div&gt; &lt;div class=&#34;modal-footer&#34;&gt; &lt;a href=&#34;#&#34; data-dismiss=&#34;modal&#34; class=&#34;btn&#34;&gt;Close&lt;/a&gt; &lt;a href=&#34;#&#34; class=&#34;btn btn-primary&#34;&gt;Save changes&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;modal&#34; id=&#34;myModal2&#34; data-backdrop=&#34;static&#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;&times;&lt;/button&gt; &lt;h4 class=&#34;modal-title&#34;&gt;Second Modal title&lt;/h4&gt; &lt;/div&gt;&lt;div class=&#34;container&#34;&gt;&lt;/div&gt; &lt;div class=&#34;modal-body&#34;&gt; Content for the dialog / modal goes here. &lt;/div&gt; &lt;div class=&#34;modal-footer&#34;&gt; &lt;a href=&#34;#&#34; data-dismiss=&#34;modal&#34; class=&#34;btn&#34;&gt;Close&lt;/a&gt; &lt;a href=&#34;#&#34; class=&#34;btn btn-primary&#34;&gt;Save changes&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;</pre> <p>&nbsp;</p> <pre class="brush: js">$(&#39;#openBtn&#39;).click(function(){ $(&#39;#myModal&#39;).modal({show:true}) });</pre> <p>&nbsp;</p>http://www.aspforums.net/Threads/189797/Nested-Parent-Child-Bootstrap-Modaal-Dialog-Popup-Box-example/http://www.aspforums.net/Threads/189797/Nested-Parent-Child-Bootstrap-Modaal-Dialog-Popup-Box-example/Sun, 06 Dec 2015 10:30:27 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>http://www.aspforums.net/Threads/190355/N-Level-MultiLevel-Bootstrap-Responsive-ASPNet-Menu-control-for-Mobile-Phone-Tablet-and-Desktop-display/http://www.aspforums.net/Threads/190355/N-Level-MultiLevel-Bootstrap-Responsive-ASPNet-Menu-control-for-Mobile-Phone-Tablet-and-Desktop-display/Thu, 14 Jan 2016 02:33:51 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>http://www.aspforums.net/Threads/127854/Multiple-Bootstrap-Modal-Popups-Open-Modal-Popup-from-Modal-Popup/http://www.aspforums.net/Threads/127854/Multiple-Bootstrap-Modal-Popups-Open-Modal-Popup-from-Modal-Popup/Fri, 09 Oct 2015 00:37:20 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>http://www.aspforums.net/Threads/993532/Maintain-Bootstrap-Accordion-current-pane-state-after-PostBack-in-ASPNet/http://www.aspforums.net/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>http://www.aspforums.net/Threads/203296/Keep-Bootstrap-Accordion-Panes-open-by-default-on-Page-Load/http://www.aspforums.net/Threads/203296/Keep-Bootstrap-Accordion-Panes-open-by-default-on-Page-Load/Thu, 21 May 2015 05:32:44 GMTjQuery GridView with Fixed Header and Scroll inside Bootstrap Tab<p><a href="http://www.aspsnippets.com/Articles/Scrollable-GridView-with-Fixed-Headers-using-jQuery-Plugin.aspx" target="_blank">http://www.aspsnippets.com/Articles/Scrollable-GridView-with-Fixed-Headers-using-jQuery-Plugin.aspx</a></p> <p><a href="http://www.aspsnippets.com/Articles/Scrollable-GridView-with-Fixed-Headers-inside-ASPNet-UpdatePanel-using-jQuery-Plugin.aspx" target="_blank">http://www.aspsnippets.com/Articles/Scrollable-GridView-with-Fixed-Headers-inside-ASPNet-UpdatePanel-using-jQuery-Plugin.aspx</a></p> <p>Hi ,</p> <p>I used the codes in the below design .but it is not working. Please help.</p> <p>I prefer using jQuery.</p> <pre class="brush: html">&lt;head id=&#34;Head2&#34; runat=&#34;server&#34;&gt; &lt;link href=&#34;assets/plugins/bootstrap/bootstrap.css&#34; rel=&#34;stylesheet&#34; /&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;js/jquery-1.11.2.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;assets/plugins/bootstrap/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;link href=&#34;assets/font-awesome/css/font-awesome.css&#34; rel=&#34;stylesheet&#34; /&gt; &lt;script src=&#34;Scripts/ScrollableGridViewPlugin_ASP.NetAJAXmin.js&#34; type=&#34;text/javascript&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; $(document).ready(function () { $(&#39;#GridView1&#39;).Scrollable({ ScrollHeight: 300, IsInUpdatePanel: true }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form id=&#34;form2&#34; runat=&#34;server&#34;&gt; &lt;asp:ScriptManager ID=&#34;ScriptManager2&#34; runat=&#34;server&#34;&gt; &lt;/asp:ScriptManager&gt; &lt;div id=&#34;page-wrapper&#34; style=&#34;background-color:white;&#34;&gt; &lt;div class=&#34;row&#34; style=&#34;padding-top:0px&#34;&gt; &lt;ul class=&#34;nav nav-tabs&#34; style=&#34; height:28px; margin-top: 0px;&#34;&gt; &lt;li style=&#34;float:right;padding-top: 0px; width: 35px;&#34;&gt;&lt;a href=&#34;#Table&#34; data-toggle=&#34;tab&#34; style=&#34;padding-left: 5px; padding-top: 0%; padding-bottom: 0%;margin-top: 5px&#34;&gt;&lt;span data-toggle=&#34;tooltip&#34; data-placement=&#34;top&#34; title=&#34;Table&#34;&gt; &lt;i class=&#34;fa fa-table fa-fw&#34;&gt;&lt;/i&gt;&lt;/span&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class=&#34;active&#34; style=&#34;float:right;padding-top: 0px;width: 35px;&#34;&gt;&lt;a href=&#34;#Chart&#34; data-toggle=&#34;tab&#34; style=&#34;padding-left: 6px; padding-top: 0%; padding-bottom: 0%;margin-top: 5px&#34;&gt;&lt;span data-toggle=&#34;tooltip&#34; data-placement=&#34;top&#34; title=&#34;Charts&#34;&gt;&lt;i class=&#34;fa fa-bar-chart-o fa-fw&#34;&gt;&lt;/i&gt;&lt;/span&gt;&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div class=&#34;tab-content&#34; &gt; &lt;div class=&#34;tab-pane fade &#34; id=&#34;Table&#34; style=&#34;width:300px;&#34;&gt; &lt;asp:UpdatePanel ID=&#34;UpdatePanel2&#34; runat=&#34;server&#34;&gt; &lt;ContentTemplate&gt; &lt;asp:GridView ID=&#34;GridView2&#34; runat=&#34;server&#34; AutoGenerateColumns=&#34;true&#34;&gt; &lt;/asp:GridView&gt; &lt;/ContentTemplate&gt; &lt;/asp:UpdatePanel&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt;</pre> <p>&nbsp;</p> <p>Thanks</p>http://www.aspforums.net/Threads/176556/jQuery-GridView-with-Fixed-Header-and-Scroll-inside-Bootstrap-Tab/http://www.aspforums.net/Threads/176556/jQuery-GridView-with-Fixed-Header-and-Scroll-inside-Bootstrap-Tab/Thu, 26 Nov 2015 02:52:51 GMTImplement Bootstrap navbar Toggle Menu in ASPX Page in ASP.Net<p>I Created a webpage using bootstrap navbar toggle, it is not working. But when i create page in html, it works fine. I need to work on aspx page.</p> <p>&nbsp;</p> <pre class="brush: html"> &lt;nav class=&#34;navbar navbar-inverse navbar-fixed-top&#34; role=&#34;navigation&#34;&gt; &lt;div class=&#34;container&#34;&gt; &lt;div class=&#34;navbar-header&#34;&gt; &lt;button type=&#34;button&#34; class=&#34;navbar-toggle&#34; data-toggle=&#34;collapse&#34; data-target=&#34;#bs-example-navbar-collapse-1&#34;&gt; &lt;span class=&#34;sr-only&#34;&gt;Toggle navigation&lt;/span&gt; &lt;span class=&#34;icon-bar&#34;&gt;&lt;/span&gt; &lt;span class=&#34;icon-bar&#34;&gt;&lt;/span&gt; &lt;span class=&#34;icon-bar&#34;&gt;&lt;/span&gt; &lt;/button&gt; &lt;a href=&#34;index.html&#34; class=&#34;logo&#34;&gt;&lt;img src=&#34;../images/logo.png&#34; alt=&#34;ColorsDress Logo&#34;/&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&#34;collapse navbar-collapse&#34; id=&#34;bs-example-navbar-collapse-1&#34;&gt; &lt;ul class=&#34;nav navbar-nav navbar-right custom-menu&#34;&gt; &lt;li class=&#34;active&#34;&gt;&lt;a href=&#34;index.html&#34;&gt;HOME&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#34;collection.html&#34;&gt;COLLECTION&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#34;shows.html&#34;&gt;SHOWS&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#34;storelocater.html&#34;&gt;STORE LOCATOR&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#34;aboutus.html&#34;&gt;ABOUT US&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#34;contactus.html&#34;&gt;CONTACT US&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#34;#&#34;&gt;LIVE INVENTORY&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/nav&gt; </pre> <p>Thanks in advance.</p>http://www.aspforums.net/Threads/162787/Implement-Bootstrap-navbar-Toggle-Menu-in-ASPX-Page-in-ASPNet/http://www.aspforums.net/Threads/162787/Implement-Bootstrap-navbar-Toggle-Menu-in-ASPX-Page-in-ASPNet/Wed, 30 Sep 2015 02:17:45 GMTImplement Bootstrap Modal Popup Dialog Box inside Master Page in ASP.Net<p>Hello all,</p> <p>with reference to the below article,</p> <p><a href="http://www.aspforums.net/Threads/111893/Open-Show-BootStrap-Modal-Popup-from-Server-Side-in-ASPNet/">http://www.aspforums.net/Threads/111893/Open-Show-BootStrap-Modal-Popup-from-Server-Side-in-ASPNet/</a></p> <p>I;m trying to implelement the same from aspx master page. But the modal is not showing on button click from code behind.</p>http://www.aspforums.net/Threads/251349/Implement-Bootstrap-Modal-Popup-Dialog-Box-inside-Master-Page-in-ASPNet/http://www.aspforums.net/Threads/251349/Implement-Bootstrap-Modal-Popup-Dialog-Box-inside-Master-Page-in-ASPNet/Wed, 16 Dec 2015 03:36:19 GMTImplement BootStrap Charts from database using jQuery AJAX in ASP.Net<p>How do i pass data to bootstrap charts from&nbsp;sql server database in C# and ASP</p>http://www.aspforums.net/Threads/956422/Implement-BootStrap-Charts-from-database-using-jQuery-AJAX-in-ASPNet/http://www.aspforums.net/Threads/956422/Implement-BootStrap-Charts-from-database-using-jQuery-AJAX-in-ASPNet/Fri, 23 Oct 2015 03:39:21 GMT