Topic: Contact Form - Labels animation

adlib pro asked 7 years ago

Hello everybody! I use the code as shown in the Components / Forms / Input Fields for the Contact Form here: [hidden link] But when I write something, the labels are going far from the fields and are getting a mess. Any help would be appreciated! Regards!

dominofoe pro answered 7 years ago

Also had this problem. It was the .active class. I was using the css from the carousel example and they set the height of .active to 100%. I just placed the ccs for carousel in its own file and added a linked to that in the html page containing the carousel.

alkrie pro commented 5 years ago

I came looking for a solution and found it. Thanks dominofoe for this feedback! I would like to extrapolate on this here, for the benefit of other users. The code, in my case, looked like what is seen below. .carousel, .carousel-item, .active { height: 100%; } Now, what I did was, to set the active exclusive to the carousel, by changing the code like below. .carousel, .carousel-item, .carousel active { height: 100%; } What the above code does is to set height only to the ".carousel active" element. Now the labels animation becomes normal. This solution is useful, just in case you want both the carousel and the contact form in the same page.

adlib pro answered 7 years ago

Thanks! I found my mistake. Regards!

Michal Szymanski staff answered 7 years ago

Hi, this is caused probably by some of your custom CSS. For testing, remove for a while your custom CSS and see if it works. If yes - try to find a bug in the code you have written.

Please insert min. 20 characters.


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


Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No