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 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 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 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>http://www.aspforums.net/Threads/339944/Remove-Twitter-Bootstrap-Modal-backdrop-on-Button-click-in-ASPNet/http://www.aspforums.net/Threads/339944/Remove-Twitter-Bootstrap-Modal-backdrop-on-Button-click-in-ASPNet/Fri, 28 Jul 2017 05:36:26 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 set tabIndex for bootstrap login control in ASP.Net<p>Hi, I am working on popup window that is using asp.net controls. As usually happens that when we click on Tab keyword of Laptop then it takes us to the next tab of controls on browser. But in my bootstrap popup i am unable to set tabindex. I have used asp.net Tablndex property but it is not working on popup window. Kindly help me out.</p>http://www.aspforums.net/Threads/894353/How-to-set-tabIndex-for-bootstrap-login-control-in-ASPNet/http://www.aspforums.net/Threads/894353/How-to-set-tabIndex-for-bootstrap-login-control-in-ASPNet/Mon, 09 Nov 2015 05:36:29 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 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>http://www.aspforums.net/Threads/111893/Open-Show-BootStrap-Modal-Popup-from-Server-Side-using-C-and-VBNet-in-ASPNet/http://www.aspforums.net/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 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 GMTImplement Bootstrap Carousel (Image Gallery) from database using Repeater control in ASP.Net<p>hello guys</p> <p>i am using&nbsp;Bootstrap carousel slider script inside Repeater but its not working proper.</p> <p>i want show image and indicator .when i used indicator&nbsp;</p> <p>&nbsp;</p> <pre class="brush: html"> &lt;ol class=&#34;carousel-indicators&#34;&gt; </pre> <p>then its not working&nbsp;</p> <p>help me anyone please&nbsp;</p> <p>my code is&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <pre class="brush: html"> &lt;asp:Repeater ID="rptImages" runat="server"&gt; &lt;ItemTemplate&gt; &lt;ol class=&#34;carousel-indicators&#34;&gt; &lt;li data-target="#myCarousel" &gt; &lt;%#Eval("Banner_Name")%&gt; &lt;/li&gt; &lt;/ol&gt; &lt;div class="carousel-inner"&gt; &lt;div &lt;%# Container.ItemIndex == 0 ? "class=\"item active\"" : "class=\"item\"" %&gt;&gt; &lt;img src='&lt;%#Eval("Banner_Image")%&gt;' class="img-responsive" alt="" style="width:848px; height:388px"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/ItemTemplate&gt; &lt;/asp:Repeater&gt; </pre> <p>&nbsp;</p>http://www.aspforums.net/Threads/190546/Implement-Bootstrap-Carousel-Image-Gallery-from-database-using-Repeater-control-in-ASPNet/http://www.aspforums.net/Threads/190546/Implement-Bootstrap-Carousel-Image-Gallery-from-database-using-Repeater-control-in-ASPNet/Wed, 07 Oct 2015 04:37:41 GMTHow to use multiple select in DropDownList using Bootstrap MultiSelect Plugin in ASP.Net<p>I have one dropdownlist this dropdownlist single select item but i want to &nbsp;multiple &nbsp;items selected at time save and retrive from Database.</p>http://www.aspforums.net/Threads/401396/How-to-use-multiple-select-in-DropDownList-using-Bootstrap-MultiSelect-Plugin-in-ASPNet/http://www.aspforums.net/Threads/401396/How-to-use-multiple-select-in-DropDownList-using-Bootstrap-MultiSelect-Plugin-in-ASPNet/Wed, 01 Feb 2017 01:50:29 GMTHow to use Bootstrap Toggle in ASP.Net<p>Hi,</p> <p>please help me &nbsp;with issue.. I've added bootstrap toggle in two of my asp.net forms. It is working in one but not in other despite all links and references &amp; all definitions being correct.. below is what I've written:</p> <pre class="brush: csharp">&lt;%-- Bootstrap Toggles --%&gt; &lt;link href=&#34;https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css&#34; rel=&#34;stylesheet&#34;/&gt; &lt;script src=&#34;https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js&#34;&gt;&lt;/script&gt; &lt;style&gt; .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; width:110px; } .toggle.ios .toggle-handle { border-radius: 20px; width:40px; } &lt;/style&gt; &lt;%-- aspx markup below --%&gt; &lt;div class=&#34;box-footer&#34;&gt; &lt;div style=&#34;float: right&#34;&gt; &lt;input type=&#34;checkbox&#34; id=&#34;msgtoggle&#34; runat=&#34;server&#34; checked data-toggle=&#34;toggle&#34; data-style=&#34;ios&#34; data-on=&#34;&lt;i class=&#39;fa fa-paper-plane-o&#39;/&gt; Send&#34; data-onstyle=&#34;success&#34; data-off=&#34;&lt;i class=&#39;fa fa-ban&#39;/&gt; Don&#39;t send&#34; data-offstyle=&#34;danger&#34; /&gt; &lt;/div&gt; &lt;/div&gt;</pre> <p>Please help..!!</p>http://www.aspforums.net/Threads/219888/How-to-use-Bootstrap-Toggle-in-ASPNet/http://www.aspforums.net/Threads/219888/How-to-use-Bootstrap-Toggle-in-ASPNet/Mon, 27 Mar 2017 01:56:39 GMTHow to use BootStrap multiselect to Select / save all dropdown option using BootStrap multiselect in ASP.Net<p>&nbsp;</p> <p>hi sir,in the below screenshort, i have one dropdown list and in that list i have 3 options, but i want to insert on category to all options of the dropdown list, and also selected options of <br />the dropdownlist.</p> <p><br />can you help me to solve this problem</p> <p>&nbsp;</p> <p>&nbsp;</p> <p><img src="http://i1067.photobucket.com/albums/u440/fareedfd/ddl_zpsgevzflwl.png" alt="" width="1024" height="427" /></p>http://www.aspforums.net/Threads/104817/How-to-use-BootStrap-multiselect-to-Select-save-all-dropdown-option-using-BootStrap-multiselect-in-ASPNet/http://www.aspforums.net/Threads/104817/How-to-use-BootStrap-multiselect-to-Select-save-all-dropdown-option-using-BootStrap-multiselect-in-ASPNet/Mon, 30 Jan 2017 01:53:03 GMTHow to use Bootstrap in Visual Studio 2010<p>how to use bootstrap in visual studio 2010..??</p> <p>&nbsp;</p>http://www.aspforums.net/Threads/163096/How-to-use-Bootstrap-in-Visual-Studio-2010/http://www.aspforums.net/Threads/163096/How-to-use-Bootstrap-in-Visual-Studio-2010/Thu, 09 Apr 2015 01:41:46 GMTHow to fit an image responsive to fit in every resolution using Bootstrap<p>Hi All,</p> <p>I am displaying an image for resposive purpose. It looks good on allmost every resolution execpt 360x640 and 800 x 1200.&nbsp; For testing purpose I am using Mozilla's ctrl + shift + m and taking test.</p> <p>I am using Boostrap files for that. My requirement is very simple. That i want to display an image which ios fit to window on every resolution with responsive.</p> <pre class="brush: html">&lt;!DOCTYPE html&gt; &lt;html lang=&#34;en&#34;&gt; &lt;head&gt; &lt;meta charset=&#34;utf-8&#34;&gt; &lt;meta http-equiv=&#34;X-UA-Compatible&#34; content=&#34;IE=edge&#34;&gt; &lt;meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1.0, maximum-scale=1.0&#34;&gt; &lt;meta name=&#34;description&#34; content=&#34;&#34;&gt; &lt;meta name=&#34;author&#34; content=&#34;&#34;&gt; &lt;title&gt;&lt;/title&gt; &lt;!-- Bootstrap Core CSS --&gt; &lt;link href=&#34;css/bootstrap.min.css&#34; rel=&#34;stylesheet&#34;&gt; &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt; &lt;!-- WARNING: Respond.js doesn&#39;t work if you view the page via file:// --&gt; &lt;!--[if lt IE 9]&gt; &lt;script src=&#34;https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js&#34;&gt;&lt;/script&gt; &lt;![endif]--&gt; &lt;style&gt; &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&#34;Container&#34;&gt; &lt;div class=&#34;intro-text&#34;&gt; &lt;img src=&#34;img/Layout.jpg&#34; class=&#34;img-responsive&#34;&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Contact Form JavaScript --&gt; &lt;script src=&#34;js/jqBootstrapValidation.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;js/contact_me.js&#34;&gt;&lt;/script&gt; &lt;!-- Custom Theme JavaScript --&gt; &lt;script src=&#34;js/agency.js&#34;&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre> <p>thanks</p>http://www.aspforums.net/Threads/178172/How-to-fit-an-image-responsive-to-fit-in-every-resolution-using-Bootstrap/http://www.aspforums.net/Threads/178172/How-to-fit-an-image-responsive-to-fit-in-every-resolution-using-Bootstrap/Thu, 11 Dec 2014 07:23:10 GMTHow to design header Menu using Bootstrap in ASP.Net<p>i want to design same topheader how can i design it <img src="http://i32.photobucket.com/albums/d4/anni49/Pearl%20Boutique_zps2dd0ljck.png" alt="" width="488" height="9" /></p>http://www.aspforums.net/Threads/188704/How-to-design-header-Menu-using-Bootstrap-in-ASPNet/http://www.aspforums.net/Threads/188704/How-to-design-header-Menu-using-Bootstrap-in-ASPNet/Thu, 05 Jan 2017 05:24:35 GMTHow to Add custom bootstrap dialog modal popup box <p>How to Add custom bootstrap dialog&nbsp;</p>http://www.aspforums.net/Threads/525308/How-to-Add-custom-bootstrap-dialog-modal-popup-box/http://www.aspforums.net/Threads/525308/How-to-Add-custom-bootstrap-dialog-modal-popup-box/Thu, 03 Dec 2015 04:40:34 GMTDisplay search record in bootstrap popup asp.net C#<p>default page.aspx</p> <p>&lt;dive&gt;</p> <p><strong>Search record</strong></p> <p>label &amp; textbox</p> <p>label &amp; textbox</p> <p>btn</p> <p>&lt;/div&gt;</p> <p>&nbsp;</p> <p>against above 2 values of textbox ,i want to display the record in popup in the same page.</p> <p>after postback the default page.</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p>http://www.aspforums.net/Threads/163385/Display-search-record-in-bootstrap-popup-aspnet-C/http://www.aspforums.net/Threads/163385/Display-search-record-in-bootstrap-popup-aspnet-C/Mon, 16 May 2016 02:58:01 GMT