Topic: Card Inside an Accordion Issue
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 title
Some quick example text to build on the card title and make up the bulk of the card's
content.
Button
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
viktorcoronel81 premium commented 3 years ago
Please view the snippet instead as it shows the behavior I'm talking about.
viktorcoronel81 premium commented 3 years ago
Hello! I really need help on this one.
Grzegorz Bujański staff commented 3 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.