What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to design Ticket widget?

    Asked by sisters7 on June 10, 2016 at 07:26 AM

    https://www.jotform.com//?formID=61477497499175

     

    Please see Section 3, Housing Reservation.

    The first "Thursday, June 1" was from ticket wedget template. How can I change the font and font size, so they are consistent with the rest of the form? Can I use check boxs on this ticket wedget template like the rest of the form?

    ticket JotForm size template font size
  • Profile Image
    JotForm Support

    Answered by Charlie on June 10, 2016 at 09:34 AM

    You can add custom CSS code in your widget settings to design it's contents.

    Here's how:

    1. First, select the widget and click the wizard or wand icon.

    2. In the widget settings, click the "Custom CSS" tab. Here you can paste the custom CSS code that will style your widgets font. In my case, I used this CSS code:

    * {

    font-size: 11px !important;

    font-family: "Lucida Grande", sans-serif !important;

    }

     

    The asterisk in the CSS code means apply this design to the whole widget. You can also change the CSS code, like the font-size value or the font-family used.

     

    Now if you want to change your check box or radio button style, we have presets that you can select. Here's how:

    1. First, open your Form Designer Tool.

    2. In the Form Designer Tool, select the check box or radio button field. You'll see that the styling for them will show up at the right side. 

    3. After clicking the template, you should be able to see the list of preset styles that you can use.

     

    We also have some themes that you can easily apply on your forms, you can find them in our Themes Store. Or you can learn more about custom CSS code so that you can design basic to advance styling on your forms.

    I hope that helps.