1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Register forms: text is shown over data

Abelardo León González free asked 7 years ago

Hi MDB staff,

I am using your register form displayed at this page.

When I am entering the email, the title "Your email" overlaps my name. This also happens with the rest of fields.

You can see the annoying effect at this picture.

By other hand, the HTML code is simple. It consists in three parts:

  • a navbar section.
  • the register form (enclosed into a div tag with no attributes; so, it is empty).
  • the footer.

Let me know if I am doing any wrong.

Kindest regards.

Marta Wierzbicka free answered 7 years ago

Hi,

I don't see your code so I'm not sure how to help you but look at this: https://github.com/Dogfalo/materialize/issues/194 - here is a lot of solutions for this issue.

Best,

Marta

Marta Wierzbicka free answered 7 years ago

Hi, I've checked your code on Opera browser (Version: 47.0.2631.71 - Opera is up to date) on Mac (MacOS Sierra 10.12.5 (16F73)) and everything looks fine and I cannot reproduce the problem. You have to give me more information if I have to reproduce this issue. Best, Marta  

exist-ui pro commented 7 years ago

Hi, I am having the same issue. Here is my different scenarios 1.) I imported the modules in the app.module.ts and test if forms will work on the app.component.html then it works just fine. But when I created another module and lazyload it in app.routing.ts the forms is not working properly. I would like to know how do you use the framework? 2.) I have created a module login.module.ts for example and remove MDB import modules from the app.module.ts and move it to login.module.ts and the forms workd perfectly fine again. I wonder how do you properly use the framework? Thanks a lot! My hint was the mdb modules should be import only per module and not in the main app.module.ts. Please correct me if my wrong, based on my own investigation.

Marta Wierzbicka free answered 7 years ago

Hi,

I've checked your code and it seems to look fine. Could you tell me what is the exact version of MDB you use? You can check this in README.txt file which is inside your MDB pack.

Look at the attached screenshot: https://drive.google.com/file/d/0Bx8EG8FOPr8nZzNCTDluaHdHNkE/view?usp=sharing

Best,

Marta

Abelardo León González free commented 7 years ago

Hi, Version: MDB Free 4.4.0 Beta Best, Abelardo.

Abelardo León González free commented 7 years ago

Hi again, I have forgotten I am using: 47.0.2631.71 - Opera is updated Channel: Stable System:: Mac OS X 10.11.6 64-bit Best.

Marta Wierzbicka free answered 7 years ago

Hi, can you paste here your code of the form you try to use? I need to look at your code to see what is wrong. Best, Marta

Abelardo León González free commented 7 years ago

Hi Marta Szymanska, Check it out here -> https://drive.google.com/file/d/0B8RKpBjsDLb5NmFCbnA5QUJXYlU/view?usp=sharing Thanks in advance. Best, Abelardo.
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
  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
Tags
About author
Abelardo León González
2Support score
2Questions 0Answers 0Snippets