You can simply add a ListItem inside the DropDownList Markup. All the values from the DataSource will be appended after that. <asp:DropDownList ID=”drpClient” runat=”server” Width=”200px” AutoPostBack=”True” DataSourceID=”dsClients” DataTextField=”name” DataValueField=”client_id” AppendDataBoundItems=”true”> <asp:ListItem>– pick one –</asp:ListItem> </asp:DropDownList>
That’s because the select elements children (options) aren’t really stylable and firefox seems to be the only browser to ignore that part of the spec. The workaround is to replace your select element with a custom widget that uses only stylable elements and perhaps a little javascript for the interactivity. like what’s done here: http://jsfiddle.net/sidonaldson/jL7uU/ … Read more
I was also experiencing the same issue. When I debug the Action and look at the ModelState.Values[1].Errors[0].Exception for example, I see the following: {“The parameter conversion from type ‘System.String’ to type ‘System.Collections.Generic.KeyValuePair`2[[System.String, mscorlib, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089],[System.Int64, mscorlib, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089]]’ failed because no type converter can convert between these types.”} System.Exception {System.InvalidOperationException} In my scenario, … Read more
Not sure if this is new to mv4 or if it exists in prior version. But the DropDownListFor includes an additional parameter for the SelectList Constructor. SelectList(IEnumerable, String, String, Object) For example: Html.DropDownListFor( x => x.Countries[ i ], New SelectList(Model.CountryList,”ID”,”Description”,Model.Countries[i])) Where ID is the Country ID in the CountryList object and Description is the Country … Read more
We just switched our site to bootstrap 3 and we have a bunch of forms…wasn’t fun but once you get the hang it’s not too bad. Is this what you are looking for? Demo Here <div class=”form-group”> <label class=”control-label col-sm-offset-2 col-sm-2″ for=”company”>Company</label> <div class=”col-sm-6 col-md-4″> <select id=”company” class=”form-control”> <option>small</option> <option>medium</option> <option>large</option> </select> </div> </div>
For Bootstrap 5 (≥ 5.0) Completely disable Popper.js dynamic positioning by setting data-bs-display=”static” on dropdown-toggle element (button or link). From Bootstrap 5 Docs > Dropdowns: Options: By default, we use Popper.js for dynamic positioning. Disable this with static. .window { height: 8em; overflow: auto; margin: 1em; padding: 1em; border: 10px solid #DFEAF2; } <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> … Read more
This is perfectly doable in CSS — Your structure is this: <ul class=”menu”> <li> <a href=”#”>Has arrow</a> <ul><li><a href=”#”></a></li></ul> </li> <li> <a href=”#”>Has no arrow</a> </li> </ul> Your CSS will be like this — //this adds an arrow to every link .menu li > a:after { content: ‘>’; } // this removes the arrow when … Read more