Permanent floating labels

  1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Permanent floating labels

yorkmyers pro premium priority asked 2 years ago

Is it possible to have the floating label on an input box always be there (not only when the input has focus)?

mlazaru staff answered 2 years ago

Hi,

you need add some styles manualy, but it can be done quickly. Check my snippet:

https://mdbootstrap.com/snippets/standard/mlazaru/4497604

yorkmyers pro premium priority commented 2 years ago

Thank you so much!!

yorkmyers pro premium priority answered 2 years ago

Hi again - the snippet no longer loads up (Error 404), can you please re-post it?

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.11.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
Tags
input-floating-label
Related topics
3
Input field label doesn't update styles when value set programmatically
1
Don't animate floating labels on initialization
1
Inputs with floating labels aren't initialized properly when placed inside collapsed accordions
1
Weirdly behaving select component
0
Input fied with form-outline and btn-group
About author
yorkmyers
Pro User Premium support
10Support score
12Questions 3Answers
0Snippets likes 6Snippets