Topic: Card Inside an Accordion Issue

viktorcoronel81 premium asked 4 years ago


Expected behavior The card will show the borders when inside an accordion.

Actual behavior Only the bottom border of the card gets shown.

Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/jquery/viktorcoronel81/2341362#collapseOne1

Members and Visitors Card image cap Card title Some quick example text to build on the card title and make up the bulk of the card's content.

Button


viktorcoronel81 premium commented 4 years ago

Please view the snippet instead as it shows the behavior I'm talking about.


viktorcoronel81 premium commented 4 years ago

Hello! I really need help on this one.


Grzegorz Bujański staff commented 4 years ago

Hi. Unfortunately component accordion consists of the card component. When you look at accordion's HTML code, you will see that inside there is an appropriately adapted cards component. this required some styling changes. Therefore, putting the cards component inside the accordion doesn't work as you expected. If you want the card component inside the accordion to have border you have to set it in css.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: Desktop
  • Browser: Chromium
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes