Topic: colapsibeble body after's + inputs?

weshuiz13 pro asked 5 years ago

mdbootstrap have a its own sidenav like the sidenav left to me it has a few colapseble one's however my colapse icons are aligned Left not Right like the sidenav left to me using float right or right will solve it once actevating it will jump back to its main position how can the colpase icon in the sidenav aligned to be right instead of left?   aswell i would like to hear about the components like
  1. number input
  2. audio visualizer/spectrum
  3. audio player
what happend to those componets are they even added in? if not can i submit them 2 be added?

Jakub Strebeyko staff answered 5 years ago

Hi weshuiz13,

We're happy to hear the issue got resolved. Let us know if there is anything else we could provide any assistance in. Cheers!

Best Regards,

weshuiz13 pro answered 5 years ago

my problems are solved now what i ment was making the sidebar relative isntead of always been absolute or fixed like like all the examples are the transparent class just fails on replacing the color class of the breadcrumbs for example it does not remove the color bg of it like the class does not have any style my problems are fixed for less and that is making a item hiden if its md or smaller ik bootstrap has classes for this but always eems to forget them

weshuiz13 pro answered 5 years ago

thank you for awnsering my problems a few more

is there any chance of keeping the sidebar while chanceing it to relative

oh as what i have heard is that the mdbootstrap sidebar uses JS for the animation is that true of so is there a css variant of it aswell?

oh and to make clear the transparant class is broken and is not getting applyd correctly to a bread-crumbs for example

Jakub Strebeyko staff commented 5 years ago

Hi, I'm afraid I don't quite get what you mean with "chanceing it to relative". Do you mean "changing sidenav's position attribute to relative", perhaps? When it comes to your second question then yes, the sidenav is animated using JS and does not have this functionality rewritten in CSS. Thirdly, could you please provide an example of where the transparent class fails and how? This would help us solve the issue. With Best Regards, Kuba

Jakub Strebeyko staff answered 5 years ago

Hi there weshuiz13, Thanks for reaching out! If I understand correctly, what you mean is having the icons (which by default precede the .collapsible-header text) on the right (where <i class="fa fa-angle-down rotate-icon"> is. If that's the case, than the easiest way seems to create a custom class with .rotate-icon positioning properties and then replace it. 1. To have a numerical input, please consider the following:
<div class="md-form">
 <input type="number" id="form1" class="form-control">
 <label for="form1" class="">Example label</label>
When it comes to audio players and visualizers, we don't have these. With Best Regards, Kuba

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