How to set width of each Text box in Configurable List Widget?

  • Profile Image
    chuntana_sa
    Asked on October 05, 2020 at 10:02 AM

    How to set width of each Text box in Configurable List Widget?



    This is a re-post of a comment on How to Inject Custom CSS Codes

  • Profile Image
    FelipeSantana
    Answered on October 05, 2020 at 01:47 PM

    Hello @chuntana_sa,

    Thank you for contacting our support team.

    In order to style a widget, you will need to insert the CSS into the widget itself and not the form's CSS editor as is shown in the User Guide. Please refer to the screenshot below to see where you can insert CSS to the Configurable List widget.

    1601919365_5f7b5985d60ab_Screenshot (294

    If you want to style the width of each textbox in the widget, you will need to target the data cell and its input. The CSS below shows how you can set the width for short text fields, single and multiple-choice fields, and number fields. To make this code effective to textareas or dropdowns, you can change the 'input' selector to 'textarea' or 'select'.

    td input{

    width: 180px !important

    }

    Please give this a try and let us know if you require further assistance. You can visit the following link for reference on CSS styling for table elements: https://www.w3schools.com/css/css_table.asp