Vue Accordion with HTML


Topic: Vue Accordion with HTML

jay2jam pro asked 6 years ago

Hello,

how can i insert HTML into Accordion.

Rgds Stefan


Magdalena Dembna staff premium answered 6 years ago

Hi, The accordion's content property is a string - and it won't render HTML. In order to customize accordion, I recommend using mdb-accordion-pane component - all properties can be found in the API tab: https://mdbootstrap.com/docs/vue/advanced/accordion/ . Unfortunately, this solution requires defining custom logic for opening and closing accordion's tabs. I invite you to checkout our examples & customization tab - maybe one of our more advanced examples will satisfy your needs. Kind regards, Magdalena


commented 5 years ago

Hi Magdalena, this link to Vue accordion api tab you are suggesting here has very limited examples (code snippet) in compare with jQuery Accordion code snippets. In jQuery accordion there are so many different examples, i. e. accordion with icons/pictures/gradient background etc. How to convert all those css/properties to Accordion Vue version?


Magdalena Dembna staff premium commented 5 years ago

Hi, MDB jQuery package is generally a few steps ahead of the Vue version - there also few differences in certain components' behaviour due to the nature of the given framework/library. We are constantly trying to develop our product and your activity on the form helps to point our efforts in the right direction - unfortunately right now the documentation of this component is all there is - it's not lack of the documentation but the component hasn't yet acquired all properties its older jQuery sister has. Kind regards, Magdalena


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
  • User: Pro
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 5.2.0
  • Device: MAC
  • Browser: CHROME
  • OS: Moave
  • Provided sample code: No
  • Provided link: No
Tags