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 remove the issue on a block "box"?

    Asked by brodtex on May 07, 2013 at 12:52 AM

    Hello,
    The question is in the title :)... how to remove the line "issue" in a block "checkbox".
    I would like to keep the box + text without the top line ...

    Thank you for your help.

    BR

    block checkbox hello
  • Profile Image

    Answered by pinoytech on May 07, 2013 at 01:10 AM

    Hi BR,

    Are you referring to which form? Can you please share to us the URL of your form?

    Thank you!

  • Profile Image

    Answered by brodtex on May 07, 2013 at 01:26 AM

    http://form.jotformeu.com/form/31261284961353

    In this example, I would:
    - Delete the line "click to edit"
    - and Put on the same line: "Enter your number" and the text box

    Thank you !


  • Profile Image

    Answered by pinoytech on May 07, 2013 at 02:00 AM

    Hi,

    Thank you for cooperation. There are two steps you need to achieve that.

    1. Shrinking method to make two fields in one line

    2. Inject custom css: http://www.jotform.me/help/117-How-to-Inject-Custom-CSS-Codes

    ------

     

    Delete the line "click to edit"

    - You need to inject some custom css to hide/remove the label.

    .form-label-top {

    display: none;

    }

    Put on the same line: "Enter your number" and the text box

    - Shrink the field

    - Adjust Label Width of your "Indiquez votre numéro" field

    ---------

    Here's how it looks like: http://www.jotformpro.com/form/31261563219955

    If you need further assistance, do let us know.

    Thank you!

     

  • Profile Image

    Answered by brodtex on May 07, 2013 at 02:43 AM

    Thank you for your example, this is what I want to do.


    But, when I put the code:
    . form-label-top {
    display: none;
    }

    all lines disappear: http://form.jotformeu.com/form/31261284961353

    Should indicate what line of what I want to hide block?

    I did not understand the way to put on the same line and the question text box ...

    Thank you !

  • Profile Image
    JotForm Support

    Answered by EltonCris on May 07, 2013 at 04:11 AM

    @brodtex

    Use the following. Just inject it to that form.

    #label_79{

    display: none;

    }

    Here's a more detailed guide on how to removed labels on the form.

    How to Remove Field Labels in a Form.

    Let us know if you have further questions. Thank you!

  • Profile Image

    Answered by brodtex on May 07, 2013 at 04:16 AM

    @EltonCris

    It's good thank you!

    Do you have an idea for the question and the text box on the same line?

    BR

  • Profile Image
    JotForm Support

    Answered by EltonCris on May 07, 2013 at 04:22 AM

    @brodtex

    Just merge the second field to the first line, here's how:

    Thanks!