Configurable List widget: Narrow down the list in the minutes drop down

  • Profile Image
    clewis861
    Asked on September 19, 2019 at 06:48 PM

    I love this widget! For the Time field type, is there a way to narrow down the list in the minutes drop down to just 00, 15, 30 and 45? It's just a lot to scroll through.



    This is a re-post of a comment on How to Set Up the Configurable List Widget

  • Profile Image
    Mike_G
    Answered on September 19, 2019 at 07:55 PM

    Although there is no option to do that within the widget, there is a workaround that you can do to meet your requirements. With the help of the custom CSS codes below that will be injected to the Custom CSS tab of the Configurable List widget in your form, you can hide the other minute stepping in the Time field of the widget.

    span.timeContainer .m option:nth-child(n+2):nth-child(-n+15), span.timeContainer .m option:nth-child(n+17):nth-child(-n+30), span.timeContainer .m option:nth-child(n+32):nth-child(-n+45), span.timeContainer .m option:nth-child(n+47) {

        display: none !important;

    }

    How-to-Inject-CSS-Codes-to-Widgets

    Please give it a try and let us know if you need any further assistance.