How do I map an external sheet style?

Dash Python
1

I have a css called styles in my static folder

styles.css

and this is how I call in my script the css

app = dash.Dash(external_stylesheets=[dbc.themes.BOOTSTRAP,dbc.icons.BOOTSTRAP])

how do I map this style.css to the external_stylesheets? (I need to do this)

2

Hi @topotaman

If you place styles.css in a folder called assets dash will automatically include it. Note that you also need to include __name__ when you instantiate the app:

app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP,dbc.icons.BOOTSTRAP])

See more info here:

3

I know dash works with the static foldier… but this q is because I deployed the app in the web, and need to map the css (and dont know how to map it in dash)

4

You can directly map the url in the external_stylesheets section. Hopefully this will solve the issue for you.

5

@jinnyzor hi, can you do an example please? (this might be usefull for others)

6

Sure thing.

app = dash.Dash(name, external_stylesheets=[dbc.themes.BOOTSTRAP,dbc.icons.BOOTSTRAP, ‘http://linktoyourstylesheet’])

You can also do the same thing with external scripts.

7

thanks, good idea

8

works! check out my web app www.pokerutils.com

9
  1. Start with an HTML file that contains an embedded style sheet, such as this one.
  2. Create a new file and save it as StyleSheet.
  3. Move all the CSS rules from the HTML file to the StyleSheet.
  4. Remove the style block from the HTML file.

Thanks