Custom CSS Field Missing

  • MaterneVerzekert
    Asked on June 5, 2020 at 5:14 AM

    Hi,


    So we don't have the "inject CSS" field that I would need, nor do we have a CSS tab in the Form builder, has it disappeared or do we need to enable it somewhere?


    Thanks,


    Daniel

  • Ariel JotForm Support
    Replied on June 5, 2020 at 5:44 AM

    Hello,

    Thank you for your message.

    Custom CSS injection is available only on Classic Form layout. Card Form layout utilizes a new feature, Form Designer, to easily customize the form.

    1591350241form designer Screenshot 10

    Please give it a spin and let us know if you have further questions.

  • MaterneVerzekert
    Replied on June 5, 2020 at 5:49 AM

    Thanks for your swift answer. I would specifically need to use CSS to change the length of the dropdown bars, which currently only show about 2 options, which is not enough:



    This seems to be only possible by changing the CSS. Can I change to the Classic Form Layout to do this?


    Thanks again,


    Daniel

  • jonathan
    Replied on June 5, 2020 at 7:59 AM

    Hi Daniel,

    First, I suggest you used a cloned form instead to change the form layout to classic. .

    Guide : https://www.jotform.com/help/27-How-to-Clone-an-Existing-Form-from-Your-Account

    Because some fields in the Card Form will not be available in the Classic form layout.

    You can test first the layout on your cloned form version.

    ---

    You can change the form layout in Form Settings / Form Layout option. 

    Change the option to All Questions in One Page for the Classic form.

    1591358030zzz 2020 06 05 19 Screenshot 10

    Let us know if you need further assistance.


  • MaterneVerzekert
    Replied on June 8, 2020 at 4:14 AM

    Thanks Jonathan. Is there a way to increase the height of the dropdown menu when there are a lot of options to choose from without going to the "Display all questions on one list" but keep the more satisfying "one question per page" look?

    You'll see here that there are a lot of options, but only two are displayed in the dropdown:



    It's a bit annoying that you have to scroll all the way down and only two options are visible, a way to increase that we'd be able to see 5-6 for example?


    Thanks again.


    Daniel

  • Bojan Support Team Lead
    Replied on June 8, 2020 at 7:52 AM

    Greetings Daniel.

    Thank you for your reply.

    Unfortunately, it is not possible to update the number of elements shown in the list or to update it with CSS when using Card layout.

    An alternative solution would be to display all options at once using a single choice option.

    Please let us know if you have any additional questions.