Sorry but I’m not a frontend guy. I have an app where the user is expected to enter some inputs and press some buttons. I have enclosed all these inputs and buttons into two cards that look like this on mobile [Screenshot 2023-12-21 at 11.40.22] There are many problems with this. The buttons s…

Hi @guidocioni , I removed the rows and added the dbc.CardBody() instead of body=True. This way you can adjust the padding. from dash import Dash, html import dash_bootstrap_components as dbc app = Dash( __name__, external_stylesheets=[ dbc.themes.BOOTSTRAP, ] ) app.layout =…

BTW, seeing Hamburg in your example made my day. :upside_down_face:

Then why didn’t you use that in the placeholder? :stuck_out_tongue_closed_eyes: fellow Hamburger? {thanks, I’ll try that out shortly}

Properly style a card with multiple inputs and a button in Dash Bootstrap

Dash Python

AIMPED December 21, 2023, 1:12pm 3

BTW, seeing Hamburg in your example made my day.

Topic		Replies	Views
Where can I find material for this result? Dash Python	1	263	October 28, 2022
Dash Bootstrap how to split app layout Dash Python	1	1216	March 2, 2022
Maintain uniform height in a cardgroup cards Dash Python question	3	2954	March 1, 2022
How to arrange input box & button Dash Python	5	8502	April 12, 2019
Help with dash plotly layout Dash Python question	4	1071	May 3, 2023

Properly style a card with multiple inputs and a button in Dash Bootstrap

Related topics