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

  • chuntana_sa
    Asked on October 5, 2020 at 10:02 AM

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

  • enterprisesupportteam
    Replied on October 5, 2020 at 1: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 Screenshot 10

    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