Skip to main content

Search

Change placeholder "Enter value here" configurably

Answered

Comments

1 comment

  • Christof Nussbaumer

    Hi Joel Grütter

    With the Styling options in Modern Forms you can as well style/hide the placeholder text of input fields.


    Since it's next to editor's options possible to type in custom styles just use the pseudo class ::placeholder for this approach.

    This example hides the placeholder text for all disabled fields on your form:

    .sb-field-input.is-disabled input::placeholder,
    .sb-field.sb-field-disabled input::placeholder {
      opacity: 0;
    }

    Result:

    To change input placeholder's text you have to use some javascript. Use the Form Load action to execute when the form is opened:

    $("div[data-fieldname='Title'] input").attr("placeholder", "Type in here your custom title");

    Result:

    0

Please sign in to leave a comment.