Hi! I am new to dash and python in general. I am trying to add a logo to my WebApp so that the logo is on the top right of the page aligned with the webapp title which should be centered. This is what I want to get [3] I am using this code: app.layout = html.Div(children= …

HI @Moo welcome to Dash. I find that dash bootstrap components give a lot of layout flexibility. This code below worked for me. Make sure to put your image in the assets folder. from dash import Dash, html import dash_bootstrap_components as dbc app = Dash(__name__, external_stylesheets=[dbc.them…

How to align logo with webapp header in dash?

Dash Python

jlfsjunior February 16, 2022, 9:58am 4

Have you added the Bootstrap stylesheet to the app?

Based on the picture, that seems to be the problem.

Topic		Replies	Views
How to center the logo? Dash Python	2	449	September 25, 2022
Dash bootstrap component Dash Python	1	791	March 14, 2020
Scaled html.Img seems to take up unscaled space Dash Python question	3	634	April 8, 2023
Bootstrap navbar: flush logo to the left Dash Python	1	2070	May 2, 2021
Dash Layout - Alignment/Positioning multiple items in the same row Dash Python	0	3004	April 23, 2020

How to align logo with webapp header in dash?

Related topics