Floating Labels in Material Design

Floating labels in the Ethereal Material theme can be activated by Enabling enhance scripts option in the Styles Pro Settings page.

  1. Go to Styles Pro Settings page
  2. To Customize Ethereal Material theme, select it from the drop down on the top
  3. Check Enable additional scripts
  4. Save settings

Support for the following field types is available:

  • Single Line Text
  • Dropdown (select)
  • Email
  • Paragraph Text (textarea)
  • Number
  • Date (Datepicker only)
  • Name
  • Address

Limitations

  • Does not work when field description is above the field instead of bottom.
  • Does not work with Left/Right label placement of Form.
  • Unusual font combinations, where base font sizes unusually differ, might not look as expected. Please let us know if you come across this with a certain combination. There is often a very simple solution available in this case.

Have a thought? We're all ears!

Your email address will not be published. Required fields are marked *