ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Bootstrap Tooltip not working with SelectPicker DropDown Plugin in ASP.Net<p>Hi <a class="username" rel="Waghmare"> Waghmare</a>,</p> <p>Inorder to display&nbsp;Tooltip you need to focus to the control on page load.</p> <p>Check the modified code.</p> <p><strong><span style="text-decoration: underline;">HTML</span></strong> </p> <pre class="brush: html">&lt;script type=&#34;text/javascript&#34;&gt; $(function () { ApplySelectPicker(); ApplyToolTip(); $(&#39;[id*=drpVeh_IN_AppAuth]&#39;).focus(); }); //On UpdatePanel Refresh var prm = Sys.WebForms.PageRequestManager.getInstance(); if (prm != null) { prm.add_endRequest(function (sender, e) { if (sender._postBackSettings.panelsToUpdate != null) { ApplySelectPicker(); ApplyToolTip(); } }); }; function ApplyToolTip() { $(&#39;[data-toggle=&#34;tooltip&#34;]&#39;).tooltip(); } function ApplySelectPicker() { $(&#39;[id*=drpVeh_IN_AppAuth]&#39;).selectpicker({ style: &#39;btn-default btn-sm btn-block&#39;, size: 6 }); $(&#39;[id*=drpVeh_OUT_AppAuth]&#39;).selectpicker({ style: &#39;btn-default btn-sm btn-block&#39;, size: 6 }); }; &lt;/script&gt; &lt;div&gt; &lt;asp:ScriptManager ID=&#34;src&#34; runat=&#34;server&#34;&gt; &lt;/asp:ScriptManager&gt; &lt;br /&gt; &lt;br /&gt; &lt;asp:UpdatePanel runat=&#34;server&#34;&gt; &lt;ContentTemplate&gt; &lt;div class=&#34;col-md-4 col-lg-4&#34;&gt; &lt;div class=&#34;row&#34;&gt; &lt;asp:Label ID=&#34;lblVehAppAuth&#34; runat=&#34;server&#34; Text=&#34;Approver IN&#34; CssClass=&#34;control-label col-md-5 col-lg-5&#34;&gt;&lt;/asp:Label&gt; &lt;div class=&#34;col-md-7 col-lg-7&#34;&gt; &lt;asp:DropDownList ID=&#34;drpVeh_IN_AppAuth&#34; runat=&#34;server&#34; CssClass=&#34;form-control input-sm&#34; class=&#34;selectpicker&#34; AutoPostBack=&#34;true&#34; data-live-search=&#34;true&#34; OnSelectedIndexChanged=&#34;drpVeh_IN_AppAuth_SelectedIndexChanged&#34; data-toggle=&#34;tooltip&#34; data-placement=&#34;top&#34; title=&#34;Select IN Vehicle Approver&#34;&gt; &lt;asp:ListItem Text=&#34;Mango&#34; Value=&#34;Mango&#34;&gt;&lt;/asp:ListItem&gt; &lt;asp:ListItem Text=&#34;Apple&#34; Value=&#34;Apple&#34;&gt;&lt;/asp:ListItem&gt; &lt;asp:ListItem Text=&#34;Banana&#34; Value=&#34;Banana&#34;&gt;&lt;/asp:ListItem&gt; &lt;asp:ListItem Text=&#34;Orange&#34; Value=&#34;Orange&#34;&gt;&lt;/asp:ListItem&gt; &lt;/asp:DropDownList&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;col-md-4 col-lg-4&#34;&gt; &lt;div class=&#34;row&#34;&gt; &lt;asp:Label ID=&#34;lbp_Veh_Out&#34; runat=&#34;server&#34; Text=&#34;OUT&#34; CssClass=&#34;control-label col-md-2 col-lg-2&#34;&gt;&lt;/asp:Label&gt; &lt;div class=&#34;col-md-7 col-lg-7&#34;&gt; &lt;asp:DropDownList ID=&#34;drpVeh_OUT_AppAuth&#34; runat=&#34;server&#34; CssClass=&#34;form-control input-sm&#34; class=&#34;selectpicker&#34; AutoPostBack=&#34;true&#34; data-live-search=&#34;true&#34; OnSelectedIndexChanged=&#34;drpVeh_OUT_AppAuth_SelectedIndexChanged&#34; data-toggle=&#34;tooltip&#34; data-placement=&#34;top&#34; title=&#34;Select OUT Vehicle Approver&#34;&gt; &lt;asp:ListItem Text=&#34;Mango&#34; Value=&#34;Mango&#34;&gt;&lt;/asp:ListItem&gt; &lt;asp:ListItem Text=&#34;Apple&#34; Value=&#34;Apple&#34;&gt;&lt;/asp:ListItem&gt; &lt;asp:ListItem Text=&#34;Banana&#34; Value=&#34;Banana&#34;&gt;&lt;/asp:ListItem&gt; &lt;asp:ListItem Text=&#34;Orange&#34; Value=&#34;Orange&#34;&gt;&lt;/asp:ListItem&gt; &lt;/asp:DropDownList&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;br /&gt; &lt;asp:Button ID=&#34;btnAddVehicle&#34; Text=&#34;Add Vehicle&#34; runat=&#34;server&#34; /&gt; &lt;/ContentTemplate&gt; &lt;/asp:UpdatePanel&gt; &lt;/div&gt;</pre> <p><strong><span style="text-decoration: underline;">C#</span></strong></p> <pre class="brush: csharp">protected void drpVeh_IN_AppAuth_SelectedIndexChanged(object sender, EventArgs e) { drpVeh_OUT_AppAuth.Focus(); } protected void drpVeh_OUT_AppAuth_SelectedIndexChanged(object sender, EventArgs e) { btnAddVehicle.Focus(); }</pre> <p><span style="text-decoration: underline;"><strong>Screenshot</strong></span></p> <p><img src="https://i.imgur.com/QAvi2Xt.gif" alt="" width="272" height="366" /></p>https://www.aspforums.net:443/Threads/819667/Bootstrap-Tooltip-not-working-with-SelectPicker-DropDown-Plugin-in-ASPNet/https://www.aspforums.net:443/Threads/819667/Bootstrap-Tooltip-not-working-with-SelectPicker-DropDown-Plugin-in-ASPNet/Fri, 22 Jun 2018 04:39:29 GMT