Full Name Field: Replace sublabels with placeholders

  • MartinBoyle
    Asked on October 25, 2014 at 8:02 AM
    2. The "First & Last Name" field, for your information, is from Jotforms Quick Tools selection. Is it possible to a) Make both of these boxes the same width? b) Put them on the same alignment as the textboxes throughout the rest of the form, and c) remove the "first name" and "last name" text below the boxes, instead moving it to inside the textboxes themselves?
  • Jan
    Replied on October 25, 2014 at 4:17 PM

    Hi Martin,

    You can achieve that by injecting this custom css code.

    /* Same width for the first and last name field */

    #first_23, #last_23 { width: 124px; }

    /* Removing the first and last name sub-label */

    #sublabel_first, #sublabel_last { display: none; }

    Unfortunately, placeholders work by using the Hint Example. Since you used the quick tools, there is no options to put Hint Example on it. You cannot put placeholder text just by through css codes only. If you want to put the text inside the box, you will use the regular form tools and not the one from quick tools. After that you can just use the Hint Example and that will serve as the placeholder.

     

    Hope this helps. Thank you.

  • visuin
    Replied on January 21, 2015 at 10:59 AM

    Hi. Thanks for the code. 

    Is there also posibility to change the words "first name" and "last name" for exmaple to another language or write any other words instead of them? 

     

  • Jan
    Replied on January 21, 2015 at 11:18 AM

    Hello,

    This thread is already closed. I have moved your inquiry to another thread so we can assist you properly.

    This is the link: http://www.jotform.com/answers/500368

    Thank you for understanding.

  • visuin
    Replied on January 21, 2015 at 11:24 AM

    Ok. no problem. I thought that is the same topic. 

  • Jan
    Replied on January 21, 2015 at 11:37 AM

    No worries. Let us know if you need any help by opening another thread. Thanks!