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

    What CSS can I use to make Collapse tabs bigger?

    Asked by gmotta11 on June 03, 2014 at 09:25 PM

    Hi, 

    I'm trying to make my Collapse tabs bigger. I've read other threads and they all show how to make them (or the text) smaller. I however, would like to make them BIGGER. 

    The reason I would like it bigger is so it is readable on mobile devices. 

    How can I do that? 

    *I understand that the backgound PNG would also have to be changed out as it would be to small. 

    Thanks, 

    Gabriel

    Page URL:
    http://m.actorscrollpage.com/#/update-form/4584120174

    Screenshot
    Mobile png thanks all
  • Profile Image

    Answered by jedcadorna on June 04, 2014 at 03:35 AM

    Hello,

    Thank you for contacting us.

    Try this css this will make your collapse bar height bigger to accommodate larger text.

     

    .form-collapse-table{

    height:100px;

    }

    .form-collapse-mid{

    font-size:50px;

    margin-top:-8px;

    }

     

    You can adjust the height base on your preference and also the font size.

    Here's a sample:

  • Profile Image

    Answered by gmotta11 on June 04, 2014 at 09:25 PM

    Ok great! I will try this out.

    Thanks so much for getting back to me :-)

  • Profile Image

    Answered by gmotta11 on June 04, 2014 at 10:04 PM

    Hi, 

    So I am able to make the collapse bar height bigger. However when I exceed over 100px the collapse tabs/bars cover up each other. How can I adjust them so each one is displayed visibly without covering up the (or being cropped) ?

    I looking to make the collapse bars height at about 150px - 200px. 

    Is there a way to adjust this?

    Here is my form: http://form.jotformpro.com/form/41538199188973?

  • Profile Image

    Answered by gmotta11 on June 05, 2014 at 12:08 AM

    I am able to solve my issue with using a Custom URL with my own domain name and CSS to make it Mobile Responsive. 

    Thanks JotForm!

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 05, 2014 at 07:17 AM

    @gmotta11 

    Glad to hear it.

    Cheers!