I am unable to adjust the width of my configurable table

  • Profile Image
    sprucesupplychain
    Asked on February 21, 2018 at 04:48 PM

    I am unable to adjust the width of my configurable table. It looks fine as a draft but when I click preview I can not see it completely. I already changed the form width (is on 1500 and looks ok on the draft mode) but for some reason when I go to the preview form it shows incomplete

  • Profile Image
    jonathan
    Answered on February 21, 2018 at 06:34 PM

    You can make adjustment using custom injected CSS codes. You can refer to the user guide: How to Make the Configurable List Widget Mobile Responsive

    I will also test the needed CSS on your form. I will get back to you with an update.





  • Profile Image
    jonathan
    Answered on February 21, 2018 at 06:54 PM

    Please check first my test form https://www.jotform.com/80516838727971

    Let me know if the styling of the configurable list will work already on what you need.

    Thanks.

  • Profile Image
    sprucesupplychain
    Answered on February 22, 2018 at 12:08 PM

    Yes, That looks much better! THANK YOU Jonathan!

    Would you please explain how can I have things on the same row or different row?

    Since I have two email address box, I would like them to be on the same row.

    Also for the modules, I would like to have the module quantity and module type on the same row, and same thing for the inverters, that way I will have 1 row for each. How can I do that?


    Thank you for your help!

  • Profile Image
    sprucesupplychain
    Answered on February 22, 2018 at 12:16 PM

    Just in case, this is the link of the form I am using now: https://www.jotform.com/build/80524756693163

  • Profile Image
    Kevin_G
    Answered on February 22, 2018 at 01:41 PM

    You will need to shrink the fields in order to display them in the same row, please check the following guides that will help you doing so: 

    https://www.jotform.com/help/90-Form-Field-Positioning

    https://www.jotform.com/help/423-Setting-up-Form-Columns

    I hope this helps. 

  • Profile Image
    sprucesupplychain
    Answered on February 22, 2018 at 02:59 PM

    Thank you, I cheeked the links you sent me and that works great for "Form Elements", but I do not see the option to add more columns for the "configurable list" widget. Do you know how can I accomplish that in the configurable list I have?

  • Profile Image
    Mike
    Answered on February 22, 2018 at 05:11 PM

    You can shrink the regular form fields only, this does not apply to the fields within the Configurable List widget.

    1519337201record.gif

    This is only possible to control the positioning of the fields within the Configurable List widget with injected CSS.

    You can check and clone the next form:

    https://form.jotform.com/80526677606969

    The fields are positioned with the CSS added to the widget:

  • Profile Image
    sprucesupplychain
    Answered on February 23, 2018 at 10:46 AM

    Great! That should do it!


    THANKS A LOT!