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.Change Height of Bootstrap SelectPicker using CSS Property in ASP.Net<p>H&nbsp;jmontano,</p> <p>You can&nbsp;add data-size in the html.</p> <p>Or&nbsp;override CSS property.</p> <pre class="brush: css">&lt;style type=&#34;text/css&#34;&gt; div.dropdown-menu.open { max-height: 10px !important; overflow: hidden; } ul.dropdown-menu.inner { max-height: 10px !important; overflow-y: auto; } &lt;/style&gt;</pre> <p><strong><span style="text-decoration: underline;">HTML</span></strong></p> <p><u>Using&nbsp;data-size</u></p> <div class="demo_block"> <pre class="brush: html">&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css&#34; /&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css&#34; /&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js&#34;&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;select name=&#34;ddlFruits&#34; id=&#34;ddlFruits&#34; class=&#34;form-control selectpicker&#34; data-show-subtext=&#34;true&#34; data-live-search=&#34;true&#34; data-size=&#34;3&#34; style=&#34;width: 100px;&#34;&gt; &lt;option value=&#34;Mango&#34;&gt;Mango&lt;/option&gt; &lt;option value=&#34;Apple&#34;&gt;Apple&lt;/option&gt; &lt;option value=&#34;Banana&#34;&gt;Banana&lt;/option&gt; &lt;option value=&#34;Orange&#34;&gt;Orange&lt;/option&gt; &lt;/select&gt; &lt;/body&gt; &lt;/html&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p> <p><u>Using&nbsp;CSS</u></p> <div class="demo_block"> <pre class="brush: html">&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css&#34; /&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css&#34; /&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js&#34;&gt;&lt;/script&gt; &lt;style type=&#34;text/css&#34;&gt; div.dropdown-menu.open { max-height: 10px !important; overflow: hidden; } ul.dropdown-menu.inner { max-height: 10px !important; overflow-y: auto; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;select name=&#34;ddlFruits&#34; id=&#34;ddlFruits&#34; class=&#34;form-control selectpicker&#34; data-show-subtext=&#34;true&#34; data-live-search=&#34;true&#34; style=&#34;width: 100px;&#34;&gt; &lt;option value=&#34;Mango&#34;&gt;Mango&lt;/option&gt; &lt;option value=&#34;Apple&#34;&gt;Apple&lt;/option&gt; &lt;option value=&#34;Banana&#34;&gt;Banana&lt;/option&gt; &lt;option value=&#34;Orange&#34;&gt;Orange&lt;/option&gt; &lt;/select&gt; &lt;/body&gt; &lt;/html&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/180506/Change-Height-of-Bootstrap-SelectPicker-using-CSS-Property-in-ASPNet/https://www.aspforums.net:443/Threads/180506/Change-Height-of-Bootstrap-SelectPicker-using-CSS-Property-in-ASPNet/Mon, 05 Aug 2019 02:26:37 GMT