dcc.Markdown - style/margin adjustment?

Dash Python
1

When enterring a dcc.Markdown component in dash, can margins or other style properties be set? The default is a 10px bottom margin and 0px top margin…What are our options if we want to change those?

Thanks,

2

Not sure if you can do it inside dcc.Markdown but you can change it in the Div like this:

html.Div([
        dcc.Markdown('''Your text'''),
        ], 
        style={'marginLeft': 10, 'marginRight': 10, 'marginTop': 10, 'marginBottom': 10, 
               'backgroundColor':'#F7FBFE',
               'border': 'thin lightgrey dashed', 'padding': '6px 0px 0px 8px'}),
3

Thanks, but that just wraps the <p> tag that ultimately contains the markdown content in another div, and that style property affects the div. the <p> tag is where the margin is set, so the margin is still there…

4

I ended up just using html.P and styling that…

2 Likes
5

Really a lot gets not answered on this official forum. A pity and a shame, to be honest.