Separate CSS files for multi-page apps

Dash Python
1

Hi,
I have a multi-page app and I would like to serve different CSS file for each page. Reason is that some class names and component ids are the same but have different styles. If I understand correctly, using static folder is obsolate. So I should use assets folder, set include_assets_files = False and include files manually via dcc.Link(rel='stylesheet', href='xyz.css')? Or is there better way to do it?

Thanks

3 Likes
2

Up. This is really needed.

3

Hi, maybe not an exact solution but the current workaround Iā€™m using is changing the class names to represent the page number (dropdown_page1 for example).

Back then I was using a single callback to update multiple pages, so I had to keep the class names and ids the same.

Now I changed the class names, then I also had to create a new callback for every component with unique class name. (update_all_dropdowns turned into update_dropdown_page1, update_dropdown_page2 etc.) That way I could use different CSS files for each page.

Cheers,
Ugur

1 Like