Change placeholder "Enter value here" configurably

Answered

gruetterj

• Created June 19, 2020 07:34

Possibility to change the placeholder text "Enter value here" configurably on columns in modern Solutions.

(If a field is disabled and shows this placeholder text, the end-user could be confused)

1

• 

  Christof

  • March 16, 2022 17:16

  Hi gruetterj

  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.