I have a check list and need to add "number needed" either next to or below one of the items. How can I do that

  • ercooper318
    Asked on October 2, 2015 at 2:51 PM
  • jonathan
    Replied on October 2, 2015 at 4:26 PM

    Hi,

    Im not really sure if I understand it correctly, but did you meant something like this?

    I have a check list and need to add number needed either next to or below one of the items Screenshot 20

    Can you please describe more how it should be. 

    We will wait for your response.

  • ercooper318
    Replied on October 2, 2015 at 5:47 PM
    Yes but only under guitar hook up. They need to be able to type in a number
    Thanks
    Sent from my iPhone
    ...
  • jonathan
    Replied on October 2, 2015 at 8:22 PM

    Please check this form http://www.jotformpro.com/form/52745955117967

    I have a check list and need to add number needed either next to or below one of the items Screenshot 20

    Will this do?

    You can also clone the form to your acccount.

    user guide: -How-to-Clone-an-Existing-Form-from-a-URL

    Hope this help. Let us know if you need further assistance.

     

  • ercooper318
    Replied on October 6, 2015 at 1:47 PM
    Thank you. This is about 99% what I need. Because I am dealing with people who don't normally do this type of thing, is it possible to put it on the next line, indented slightly, with a tag that say "How Many"?
    Thanks again
    _______________________________________
    Ellen Cooper
    Director, AZA BBG International Convention Logistics
    BBYO, Inc.
    800 H Street NW
    Washington, DC 20001
    P 301.651.3606
    F 1.866.641.0957
    www.bbyo.org | www.bbyo.org/azabbgic
    ________________________________
    ...
  • BJoanna
    Replied on October 6, 2015 at 3:24 PM

    Is this what you want?

    I have a check list and need to add number needed either next to or below one of the items Screenshot 20

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

    Feel free to clone it

    Let us know if you need further assistance. 

  • ercooper318
    Replied on October 7, 2015 at 11:45 AM
    Close, but not quite. I have attached a .pdf indicating where I need it.
    Thanks again for all of your help.
    _______________________________________
    Ellen Cooper
    Director, AZA BBG International Convention Logistics
    BBYO, Inc.
    800 H Street NW
    Washington, DC 20001
    P 301.651.3606
    F 1.866.641.0957
    www.bbyo.org | www.bbyo.org/azabbgic
    ________________________________
    ...
  • BJoanna
    Replied on October 7, 2015 at 1:14 PM

    @ercooper318 

    Your last post did not came trough. Can you please provide us a screenshot here on forum, how you want your field to be placed inside of your form.

    Looking forward to your reply.  

  • ercooper318
    Replied on October 7, 2015 at 1:52 PM

    Does this help?

     

    I have a check list and need to add number needed either next to or below one of the items Screenshot 20

  • BJoanna
    Replied on October 7, 2015 at 3:11 PM

    Yes it helps. 

    To achieve this I had to add two more checkbox options between options "Guitar Hook-Up" and "Sound" and then I used Custom CSS code to hide those options. 

    Now it looks like this.

    I have a check list and need to add number needed either next to or below one of the items Screenshot 20

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

    Feel free to clone it

    Hope this will help. Let us know if you need further assistance. 

  • ercooper318
    Replied on October 7, 2015 at 3:51 PM

    This is great!  Thanks.  However, if I can be a bit picky, is there a way to add a little space between "how many" and "sound"?  When I look at the form, "Sound" appears to be written over "how many"

     

    Again, thanks

  • KadeJM
    Replied on October 7, 2015 at 5:54 PM

    What browser are you using on your end that is showing the overlapping?

    It might just need some slight tweaking of the css to adjust it a tidbit more possibly.

    Though, when I checked this on my end in Chrome, Edge, and IE it looks okay here.

    How much overlapping are you seeing on your end currently?

     

    I have a check list and need to add number needed either next to or below one of the items Screenshot 20

  • ercooper318
    Replied on October 8, 2015 at 12:13 PM

    I'm working in Safari.  Its just a bit too close.

     

    ThanksI have a check list and need to add number needed either next to or below one of the items Screenshot 20

  • KadeJM
    Replied on October 8, 2015 at 1:41 PM

    Thank you kindly for the screenshot of the issue.

    I had an odd feeling the problem was in Safari.

    Anyhow, I was able to replicate the problem in the older Safari for Windows. So I've made a slight adjustment to the top-margin for that area above it in BJoanna's original example to try to fix it. 

    Please check it on your end and let us know.

    Updated CSS *OBSOLETE - SEE NEW CSS BELOW w/2 NEW OPTIONS*:

    #id_27 {

        padding : 0px important;

        margin-top : -137px;

        margin-right : 315px !important;

        float : right;  

    }

     

    Updated Form:

    https://form.jotform.com/52805075252149?  [CLONE IT!]

     

    Updated Screenshot Result in Safari for Windows:

    I have a check list and need to add number needed either next to or below one of the items Screenshot 20

  • ercooper318
    Replied on October 8, 2015 at 1:46 PM

    Excellent!  Thanks for all of your help.  However, I have just been informed that I need 2 more check boxes before the one that says "Guitar Hook-Up".  But when I try to add them it messes everything up!  The first should say "LCD Projector and Screen - With a computer" and the second should say "Internet"

     

    Sorry for the confusion and thanks again

  • ercooper318
    Replied on October 8, 2015 at 2:45 PM

    Thanks for all of your help.  However, I have just been informed that I need 2 more check boxes before the one that says "Guitar Hook-Up".  But when I try to add them it messes everything up!  The first should say "LCD Projector and Screen - With a computer" and the second should say "Internet"

     

    Sorry for the confusion and thanks again

     

     

  • jonathan
    Replied on October 8, 2015 at 4:05 PM

    I assume this was the for http://www.jotform.us/form/52745051938157 /

    Can you please add first the 2 new options on the form http://www.jotform.us/form/52745051938157 this way we can properly create the need number needed input box on the finalized form.

    Let us know when you have done this and we will apply the modification on the form.

    Thanks.

     

  • ercooper318
    Replied on October 8, 2015 at 4:24 PM

    The most up-to-date form is https://form.jotform.com/52805075252149?

    When I try to add the options in just really messes things up! The following is a screen shot of what I would like to see.

     

    I have a check list and need to add number needed either next to or below one of the items Screenshot 20

  • KadeJM
    Replied on October 8, 2015 at 7:42 PM

    Alrighty, I believe I get what you mean by that.

    The reason it got messed up is because elements in that field shifted around after adding the two new extra options.

    After a bit of elbow grease I've reworked the original css with a few tweaks to correct it.

    You'll either need to clone my updated demo form or replace the old injected css with the updated css below. Please check it on your end again and let us know.

     

    New Updated Demo Form - 

    https://form.jotform.com/52805075252149?   [CLONE IT!]

     

    New Updated CSS -

    .form-label.form-label-left {}#label_27 {

    display : none;

    }.form-line.form-line-column.form-col-1 {}#id_27 {

    padding : 0px important;

    margin-top : -135px;

    margin-right : 317px !important;

    float : right;

    }

    #input_27 {

    width : 60px;

    }#input_19_9, #input_19_8, #label_input_19_8, #label_input_19_9 {

    visibility : hidden;

    }

     

    New Updated Screenshot of Result -

    I have a check list and need to add number needed either next to or below one of the items Screenshot 30

    I also went ahead and checked it in Safari for Windows to try and save you time there again. On my end I can confirm it doesn't have the original overlapping issue even after updating the css to correct it with your new options.

    I have a check list and need to add number needed either next to or below one of the items Screenshot 41

  • ercooper318
    Replied on October 8, 2015 at 8:39 PM

    PERFECT!

     

    Thanks for all of your patience and help

  • ercooper318
    Replied on October 8, 2015 at 9:35 PM

    OK so one last (I hope) issue.  When I did a test form, I was unable to select "sound" as an option.  It seems that the "How Many" box is blocking it some how.  

  • BJoanna
    Replied on October 9, 2015 at 3:26 AM

    I was able to select "sound" option, but I had difficulties to select "Guitar Hook-Up" option. It probably depends of browser that is used.

    Add this code to your form: 

    #id_27{

        padding-left:0;

    }

    It will fix mentioned issue in all browsers.

    Here is my demo form: https://form.jotform.com/52811158971964? 

    Feel free to clone it.

    Let us know if you need further assistance.