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

    Page Break Transparency

    Asked by thespanishfactory on October 26, 2012 at 03:25 AM

    I have set the color of my form transparent but when i put a page break on it, this part is not transparent. What CSS code i need to inject?

    I tried this but it is not working background-color: #0000

  • Profile Image

    Answered by pinoytech on October 26, 2012 at 04:06 AM

    Hi there,

    Inject this code into your form.

    .form-pagebreak {

    border-top: none !important;

    background: none !important;

    }

    If you need further assistance, feel free to contact us at anytime.

    Thank you!

  • Profile Image

    Answered by thespanishfactory on October 26, 2012 at 04:45 AM

    Hi,  thank your for you reply.

     

    It is still not working http://form.jotformpro.com/form/22983517718969

  • Profile Image
    JotForm Support

    Answered by idarktech on October 26, 2012 at 04:51 AM

    Hello,

    My colleague's code is correct but there's something wrong with your previous codes that's why it won't take effect. Please find this in your code:

    .form-textbox, .form-textarea, .form-dropdown {padding: 2px 2px !important;{

    Notice the bolded red symbol? It should be (reversed) so the code should be this.

    .form-textbox, .form-textarea, .form-dropdown {padding: 2px 2px !important;}

    That should fixed everything. Thanks!

  • Profile Image

    Answered by thespanishfactory on October 26, 2012 at 04:51 AM

    OK, it is working now but only beuse i put the code on the top of the Inject area..

     

    I see, i am going to change it. Thank you so much, i really apreciate it.

  • Profile Image
    JotForm Support

    Answered by liyam on October 26, 2012 at 05:02 AM

    Thank you for letting us know, thespanishfactory.

    If you have more questions or if you're in need of further assistance, please do let us know.  We'll be more than happy to assist.

  • Profile Image

    Answered by thespanishfactory on October 26, 2012 at 05:05 AM

    One question more about this if you dont mind,

     

    it is about to align the page break buttons to the right. What i would need to inject?

  • Profile Image
    JotForm Support

    Answered by liyam on October 26, 2012 at 05:17 AM

    Hello thespanishfactory.  You can try injecting this code:

    .form-pagebreak-back-container, .form-pagebreak-next-container { position: absolute; right:0; }

     

  • Profile Image

    Answered by thespanishfactory on October 26, 2012 at 05:47 AM

    Works! Nice.

    I used this one and now it is perfec. 

    .form-pagebreak-back-container { position: absolute; left:0; } 

    .form-pagebreak-next-container { position: absolute; right:0; } 

    Best customer service ever :)