Input Table widget: Make the field label aligned to the table

  • NoWonder
    Asked on May 9, 2024 at 5:01 PM

    Hello,

    I am looking for a custom CSS code that would work to move this question for this field down to be more in line with the table. Is this possible? Thank you so much.Input Table widget: Make the field label aligned to the table Image 1 Screenshot 20

    Jotform Thread 14726991 Screenshot
  • Princess JotForm Support
    Replied on May 9, 2024 at 5:46 PM

    Hi NoWonder,

    Thanks for reaching out to Jotform Support. Sure, I can help you with that! Let me walk you through it:

    1. In Form Builder, click the Paint Roller icon to open Form Designer.
    2. Navigate to Styles tab.
    3. Scroll down to find the Inject Custom CSS section and copy/paste the custom CSS code below:
    #cid_152 th.form-matrix-th:after {
        content : "In the past week";
        font-weight: 450;
        font-size: 16px;
    }

    Input Table widget: Make the field label aligned to the table Image 1 Screenshot 30

    You can then remove the Field Label on the Input Table widget. Please note that the label from the CSS code will not be visible in the Form Builder. You will see the changes when previewing the form. Here's a screencast of the result: Input Table widget: Make the field label aligned to the table Image 2 Screenshot 41

    Here's the link to my cloned form for you to check and see the results. Also, you can clone the form by following this guide on How to Clone an Existing Form From a URL.

    Give it a try and let us know how it goes.

  • NoWonder
    Replied on May 9, 2024 at 6:11 PM

    This is amazing. Thank you so much for your help and thoughtful explanation.


    --

    Lily

 
Your Answer