Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: how to align the label of an MDBinput

dors9590 free asked 4 years ago


Hi,I am using you MDBinput tag with your label.i would like the align the label from the left side to the right side.how should i do it?Thank,All the best,


Jakub Chmura staff answered 4 years ago


Hi @dors9590,

You can modify a label position by your custom CSS rules. But it could cause some problems with animations and MDBInput behavior.

Please change an

.md-form label {
    //.....
    left: 0;
    //...
    }

to

  .md-form label {
        //.....
        right: 0;
        //...
        }

Then all labels will move to the right, but if you don't want to change all input labels you need to specify a CSS rule and add a custom className to your input.

Best, Kuba



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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.27.0
  • Device: macbook
  • Browser: chrome
  • OS: OSX
  • Provided sample code: No
  • Provided link: No