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

    Semi Transparent Background

    Asked by HOOPLOVERS on July 18, 2013 at 03:24 AM

    Hello,

     

    I would love to know how I can have my form background as semi transparent.

     

    Please help. 

     

    Thank you.

     

    Masa

    form background love hello
  • Profile Image
    JotForm Support

    Answered by EltonCris on July 18, 2013 at 04:07 AM

    Hi Masa,

    You can use this CSS code, simply inject this to your form. Guide: How to Inject Custom CSS Codes to your Form

    You will be able to see the opacity when you embed your form. Example:  http://formdemos.awardspace.biz/formTemplate15.html

    To learn more about opacity background, check this guide: http://www.jotform.me/help/122-How-to-Adjust-the-Opacity-of-a-Form-s-Background

    Thanks!

  • Profile Image

    Answered by HOOPLOVERS on July 18, 2013 at 05:09 AM

    Thanks for your quick reply. 

     

    There are two more things I would like to know.

    1. CSS code for roundred corner for the back ground (using the semi transparent) 

     

    2. Is it possible to have a fluid background? I want my back ground to fill the screen, no matter the size of the screen. 

    Many thanks! 

     

     

  • Profile Image
    JotForm Support

    Answered by Morian on July 18, 2013 at 06:15 AM

    Hi!

    You can inject this code for rounded corner 

    .form-all {
    border-radius: 15px 15px 15px 15px !important;}

    Result:

    As for your 2nd question, I'm not quite sure about it but you can try setting the height and width of the form to 100%. Thanks!