diff --git a/examples/python/templates/multi-page-apps/collapsible-sidebar-with-icons/app.py b/examples/python/templates/multi-page-apps/collapsible-sidebar-with-icons/app.py index 171f274d7..5d924d224 100644 --- a/examples/python/templates/multi-page-apps/collapsible-sidebar-with-icons/app.py +++ b/examples/python/templates/multi-page-apps/collapsible-sidebar-with-icons/app.py @@ -80,12 +80,13 @@ def render_page_content(pathname): elif pathname == "/messages": return html.P("Here are all your messages") # If the user tries to reach a different page, return a 404 message - return dbc.Jumbotron( + return html.Div( [ html.H1("404: Not found", className="text-danger"), html.Hr(), html.P(f"The pathname {pathname} was not recognised..."), - ] + ], + className="p-3 bg-light rounded-3", ) diff --git a/examples/python/templates/multi-page-apps/navbar.py b/examples/python/templates/multi-page-apps/navbar.py index 349b6a2eb..03b7c254d 100644 --- a/examples/python/templates/multi-page-apps/navbar.py +++ b/examples/python/templates/multi-page-apps/navbar.py @@ -42,12 +42,13 @@ def render_page_content(pathname): elif pathname == "/page-2": return html.P("Oh cool, this is page 2!") # If the user tries to reach a different page, return a 404 message - return dbc.Jumbotron( + return html.Div( [ html.H1("404: Not found", className="text-danger"), html.Hr(), html.P(f"The pathname {pathname} was not recognised..."), - ] + ], + className="p-3 bg-light rounded-3", ) diff --git a/examples/python/templates/multi-page-apps/responsive-collapsible-sidebar/sidebar.py b/examples/python/templates/multi-page-apps/responsive-collapsible-sidebar/sidebar.py index e693ed24a..06298c932 100644 --- a/examples/python/templates/multi-page-apps/responsive-collapsible-sidebar/sidebar.py +++ b/examples/python/templates/multi-page-apps/responsive-collapsible-sidebar/sidebar.py @@ -114,12 +114,13 @@ def render_page_content(pathname): elif pathname == "/page-2": return html.P("Oh cool, this is page 2!") # If the user tries to reach a different page, return a 404 message - return dbc.Jumbotron( + return html.Div( [ html.H1("404: Not found", className="text-danger"), html.Hr(), html.P(f"The pathname {pathname} was not recognised..."), - ] + ], + className="p-3 bg-light rounded-3", ) diff --git a/examples/python/templates/multi-page-apps/responsive-sidebar/sidebar.py b/examples/python/templates/multi-page-apps/responsive-sidebar/sidebar.py index 39aeb98da..3a979433a 100644 --- a/examples/python/templates/multi-page-apps/responsive-sidebar/sidebar.py +++ b/examples/python/templates/multi-page-apps/responsive-sidebar/sidebar.py @@ -101,12 +101,13 @@ def render_page_content(pathname): elif pathname == "/page-2": return html.P("Oh cool, this is page 2!") # If the user tries to reach a different page, return a 404 message - return dbc.Jumbotron( + return html.Div( [ html.H1("404: Not found", className="text-danger"), html.Hr(), html.P(f"The pathname {pathname} was not recognised..."), - ] + ], + className="p-3 bg-light rounded-3", ) diff --git a/examples/python/templates/multi-page-apps/sidebar-with-submenus/sidebar.py b/examples/python/templates/multi-page-apps/sidebar-with-submenus/sidebar.py index c3faee8bd..72323aaf5 100644 --- a/examples/python/templates/multi-page-apps/sidebar-with-submenus/sidebar.py +++ b/examples/python/templates/multi-page-apps/sidebar-with-submenus/sidebar.py @@ -145,12 +145,13 @@ def render_page_content(pathname): elif pathname == "/page-2/2": return html.P("No way! This is page 2.2!") # If the user tries to reach a different page, return a 404 message - return dbc.Jumbotron( + return html.Div( [ html.H1("404: Not found", className="text-danger"), html.Hr(), html.P(f"The pathname {pathname} was not recognised..."), - ] + ], + className="p-3 bg-light rounded-3", ) diff --git a/examples/python/templates/multi-page-apps/simple_sidebar.py b/examples/python/templates/multi-page-apps/simple_sidebar.py index 8ca8daf7f..d111ffba1 100644 --- a/examples/python/templates/multi-page-apps/simple_sidebar.py +++ b/examples/python/templates/multi-page-apps/simple_sidebar.py @@ -69,12 +69,13 @@ def render_page_content(pathname): elif pathname == "/page-2": return html.P("Oh cool, this is page 2!") # If the user tries to reach a different page, return a 404 message - return dbc.Jumbotron( + return html.Div( [ html.H1("404: Not found", className="text-danger"), html.Hr(), html.P(f"The pathname {pathname} was not recognised..."), - ] + ], + className="p-3 bg-light rounded-3", )