What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by snaplash 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;

    configurable list list widget configurable JotForm style size height
  • Profile Image
    JotForm Support

    Answered by Boris on February 12, 2016 at 05: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.