dbc.CardBody scrollable

Dash Python
1

Is it possible to have a scrollable CardBody just like for ModalBody? So i ihave a fixed CardHeader , but a scrollable Body if contents of the body expands. My scenario: I have a Modal with header, body and footer. In the body is a CardDeck with different Cards(would be nice to have horizontally scroll here also, when more cards are inside). But i want to have everything fixed except the card bodys. In the cards bodys are container with accordion elements, so they are expanding. So i need to scroll every card body independently. Here an example scetch what for what i mean:

image
image1317×689 32.7 KB

Simple Example:

        dbc.Modal([
            dbc.Header(),
            dbc.ModalBody(
                dbc.CardDeck([
                    dbc.Card(dbc.CardHeader('1stCard'),dbc.CardBody(dbc.Container(className='accordion'))),
                    dbc.Card(dbc.CardHeader('2ndCard'),dbc.CardBody(dbc.Container(className='accordion')))
                ])), 
            dbc.ModalFooter()],scrollable=True,style={'height':'100vh',"maxWidth": "calc(95% - 20px)"})
2 Likes