label inside

  • Resolved stavroch

    (@stavroch)


    9 years, 5 months ago

    I just install the new version and I see that the labels cannot be inside of text boxes.

    How can I do this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Stolle7

    (@stolle7)

    9 years, 5 months ago

    You could assign the “label text” as “placeholder text” instead – however this will make the text-color light gray. This can be changed like this in css: https://css-tricks.com/snippets/css/style-placeholder-text/ – however this isn’t supported in IE9 and earlier versions or Opera Mini.

    Another solution, although not a pretty solution, is to use the following css which will move the actual label down “above” the input field using a negative margin and z-index:

    .nf-field-label {
margin-bottom: -20px!important;
z-index: 1;
margin-top: 5px;
margin-left: 5px;
position: relative;
}

.ninja-forms-field{
padding-top: 25px;
}
    • This reply was modified 9 years, 5 months ago by Stolle7.
    Plugin Contributor Kyle B. Johnson

    (@kbjohnson90)

    9 years, 5 months ago

    +1 @stolle7.

    Yes, @stavroch, the suggested method is to use a “hidden” label with placeholder text.

    [inline image removed — if you want to post a screen shot, please post the image on imgur.com and paste a link here.]

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘label inside’ is closed to new replies.

Tags