No announcement yet.

Using Select on plug-in configuration pages

  • Filter
  • Time
  • Show
Clear All
new posts

    Using Select on plug-in configuration pages

    I am working on a page to configure my thermostat schedules. I am trying to use a select element to allow the user to choose "Auto", "on", or "Off".

    However MDB Bootstrap hides the select element in mdb.css:

    select {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: none !important;
    select.browser-default {
    display: block !important; }
    select:disabled {
    color: rgba(0, 0, 0, 0.3); }
    What is the proper way to use a select in HS4 -- any thoughts on why it is disabled?

    This is an approximation of what I am shooting for -- I had to turn off the "display: none" in developer tools to even get the Fan option to display (first row only)

    Click image for larger version

Name:	Screenshot 2021-11-21 204126.png
Views:	66
Size:	18.1 KB
ID:	1509384

    I saw similar discussion recently (may be a week ago) - but can't find it


      Well I see why its hidden, all sorts of stuff doesn't look right on some of the even pages and such -- I found the class that it appears I should use "jqDropList" that overrides the "display: none" in the style sheet. That appears to be all it does.