1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: inputs rtl

עומר free asked 2 years ago

hey im trying to use MDBInputs with rtl but it doesn't really works correctly. the box getting split to 3 and the label stays on the left side

maybe im missing something, how do i fix it?

thanks

Mateusz Lazaru staff answered 2 years ago

You have probably imported mdb-react-ui-kit/dist/css/mdb.min.css. Change it to mdb-react-ui-kit/dist/css/mdb.rtl.min.css.

Keep the style I mentioned and it should look like expected.

עומר free commented 2 years ago

yeah that was the problem, thanks alot!

bubblyinnocent free answered 2 years ago

problem solved when i changed it to mdb-react-ui-kit/dist/css/mdb.rtl.min.css. Thank!

עומר free answered 2 years ago

no the inputs still messed up

https://i.postimg.cc/x8Y9m7S1/rtl-inputs.png

Mateusz Lazaru staff answered 2 years ago

Does setting CSS direction help?

* {
  direction: rtl;
}

FREE CONSULTATION

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

Closed

Specification of the issue
  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: MDB5 6.3.0
  • Device: Desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No
Tags
rtl inputs react
About author
עומר
0Support score
1Questions 1Answers 0Snippets