Hi, I am wondering if it's possible to change the text box width in the

  • Profile Image
    Karmozyn
    Asked on July 15, 2021 at 12:09 PM

    Hi, I am wondering if it's possible to change the text box width in the configurable list widget. Since I have too many other boxes, the last box is cut off slightly from the page.

    Or

    I want the:

    .custom-field-frame.custom-field-frame-rendered.frame-rendered.frame-xd-ready

    to be the same width as

    .form-input-wide div

    So that none of the text is cut off when I've made the form wider.



    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    IvayloK
    Answered on July 15, 2021 at 04:23 PM

    I did not find a Configurable List widget on your last form (211939071160148).

    Please provide the link or the name of your form, so we can test on it and provide the exact CSS code. Please provide also the exact names of the text fields, which you want to adjust in the Configurable List wisget.

    We will wait for your response.

  • Profile Image
    Karmozyn
    Answered on July 19, 2021 at 08:26 AM

    Hi Ivay,

    Thanks for your response,

    The link to the form is here: https://form.jotform.com/211863486158060

    The name of the form is: Linguistic Registration Position (b)

    If you scroll down far enough you will find services such as:

    • Interpreting
    • Interpreting (ad-hoc)
    • Interpreting (Consecutive)
    • Interpreting (Court)
    • Interpreting (Remote Telecom and Video)
    • Interpreting (Whispering)
    • Interpreting (Simultaneous)

    (you will find this below "Your usual working hours in GMT")

    If you are in editing mode you will see it below that but you will need to check the checkbox in "what services do you provide" for it to show up in published mode.

    These are the ones that use Configurable List Widget. When you check the last box is cut off and I am wondering if its possible to fix without removing any of the text boxes. The box that is being cut off is "Rate Per Day"

    I hope this makes sense, please do let me know if I need to clarify anything.

    Kind regards,

    Markas

  • Profile Image
    Bojan_J
    Answered on July 19, 2021 at 09:58 AM

    Greetings.

    One of the solutions would be to make the form wider:

    screenshot_6600.png

    850px should be enough.

    You will also need to add the following CSS to your form:

    iframe {
     max-width: 100% !important;
    }

    You can click here to see how to inject the provided CSS.

    Let us know if this solution would work for you.

  • Profile Image
    Karmozyn
    Answered on July 19, 2021 at 11:13 AM

    Thank you!

    That bit of code fixed everything.