How to auto detect width for Static Text inside Configurable List widget

  • snaplash
    Asked on February 12, 2016 at 12:15 PM

    Is there a way to auto detect the column width for Static Text on the Configurable List Widget?

     

    https://form.jotform.com/60423223421945

     

    So, rather than

     

    .col1 {min-width: 250px;}

    it would be something like

    min-width: auto; or min-width: max-content;

  • Boris
    Replied on February 12, 2016 at 5:53 PM

    I am not sure if I understand you completely on what you meant by "detecting width of the static text", but you can use any valid CSS in your form:

    https://developer.mozilla.org/en/docs/Web/CSS/min-width

    https://developer.mozilla.org/en/docs/Web/CSS/width

    Some browsers already support using max-content as an experimental value of both min-width and width, which means that for those browsers that do support it, you can use it in your custom CSS.

    However, browsers such as Internet Explorer do not support max-content as width value. You can check compatibility table of browsers on MDN:

    https://developer.mozilla.org/en/docs/Web/CSS/min-width#Browser_compatibility

    This is more of a CSS related question, and I am not sure if you had anything specific in mind for your JotForm form? Such as, what is the behavior you are looking to achieve?

    Perhaps we can figure out some other way to get at what you are trying to accomplish, rather than using a non-standard part of CSS that is not yet widely supported.