I am trying to add a logo to my application header. The original image file is large so I scale it. The problem is that the scaled image seems to take up the same vertical space as the unscaled image which is not what I want. I would like it to only take up the vertical space as the scaled image.…

Thank You. You gave me enough hints to get what I wanted. What I really was after is a logo next to a help button as in the first row in the code below. I found that putting height and width the same distorted the image. You can see different things I tried below with the first row giving me wha…

Hm remove dbc.Col before html.Img should help. Something as below: from dash import Dash, html import dash_bootstrap_components as dbc app = Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP]) app.layout = html.Div([ dbc.Row([ dbc.Col( html.H2('App Header', classNam…

Scaled html.Img seems to take up unscaled space

Dash Python

hoatran April 8, 2023, 1:47am 4

Great. Glad you found the solution yourself

Topic		Replies	Views
Dash Production Environment White Space Removal? Dash Python	0	383	July 1, 2020
Layout documentation Dash Python	1	2372	July 25, 2019
How can i change the size of my image in plotly? Dash Python	1	7012	October 21, 2019
How to make Dash dashboard 100% screensize? style={"height": "100vh"} not working 📊 Plotly Python	1	3740	December 7, 2021
How to force image to span the full width of the div component Dash Python question	14	1992	February 21, 2024

Scaled html.Img seems to take up unscaled space

Related topics