How to remove the issue on a block "box"?

  • Profile Image
    brodtex
    Asked 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

  • Profile Image
    pinoytech
    Answered 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
    brodtex
    Answered 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
    pinoytech
    Answered 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
    brodtex
    Answered 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
    EltonCris
    Answered 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
    brodtex
    Answered 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
    EltonCris
    Answered on May 07, 2013 at 04:22 AM

    @brodtex

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

    Thanks!