diff --git a/apps/dash-financial-report/utils.py b/apps/dash-financial-report/utils.py index 18e6938a5..9301d5e5b 100644 --- a/apps/dash-financial-report/utils.py +++ b/apps/dash-financial-report/utils.py @@ -11,13 +11,24 @@ def get_header(app): [ html.Div( [ - html.Img( - src=app.get_asset_url("dash-financial-logo.png"), - className="logo", + html.A( + html.Img( + src=app.get_asset_url("dash-financial-logo.png"), + className="logo", + ), + href="https://plotly.com/dash", + ), + html.A( + html.Button( + "Enterprise Demo", + id="learn-more-button", + style={"margin-left": "-10px"}, + ), + href="https://plotly.com/get-demo/", ), html.A( - html.Button("Learn More", id="learn-more-button"), - href="https://plot.ly/dash/pricing/", + html.Button("Source Code", id="learn-more-button"), + href="https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-financial-report", ), ], className="row", diff --git a/apps/dash-interest-rate/app.py b/apps/dash-interest-rate/app.py index 47c438e2c..6d6fe8eac 100644 --- a/apps/dash-interest-rate/app.py +++ b/apps/dash-interest-rate/app.py @@ -116,7 +116,7 @@ def connect_read_sql(query, engine): app.layout = dbc.Container( fluid=True, children=[ - html.H1("Dash Interest Rate Modeling with Snowflake"), + Header("Dash Interest Rate Modeling with Snowflake", app), html.Hr(), dbc.Row( [ diff --git a/apps/dash-interest-rate/utils.py b/apps/dash-interest-rate/utils.py index bd34ea2ce..03c73b49e 100644 --- a/apps/dash-interest-rate/utils.py +++ b/apps/dash-interest-rate/utils.py @@ -4,6 +4,25 @@ import dash_bootstrap_components as dbc +def Header(name, app): + title = html.H2(name, style={"margin-top": 7}) + logo = html.Img( + src=app.get_asset_url("dash-logo.png"), style={"float": "right", "height": 60} + ) + link = html.A(logo, href="https://plotly.com/dash/") + btn_style = {"margin-top": "13px", "float": "right", "margin-right": "10px"} + demo_btn = html.A( + dbc.Button("Enterprise Demo", style=btn_style, color="primary"), + href="https://plotly.com/get-demo/", + ) + code_btn = html.A( + dbc.Button("Source Code", style=btn_style, color="secondary"), + href="https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-interest-rate", + ) + + return dbc.Row([dbc.Col(title, md=7), dbc.Col([link, demo_btn, code_btn], md=5)]) + + def OptionMenu(values, label, **kwargs): options = [{"label": s.replace("_", " ").capitalize(), "value": s} for s in values] kwargs["value"] = kwargs.get("value", values[0]) diff --git a/apps/dash-manufacture-spc-dashboard/app.py b/apps/dash-manufacture-spc-dashboard/app.py index 70562fa40..62fd54342 100644 --- a/apps/dash-manufacture-spc-dashboard/app.py +++ b/apps/dash-manufacture-spc-dashboard/app.py @@ -49,10 +49,17 @@ def build_banner(): html.Div( id="banner-logo", children=[ + html.A( + html.Button(children="ENTERPRISE DEMO"), + href="https://plotly.com/get-demo/", + ), html.Button( id="learn-more-button", children="LEARN MORE", n_clicks=0 ), - html.Img(id="logo", src=app.get_asset_url("dash-logo-new.png")), + html.A( + html.Img(id="logo", src=app.get_asset_url("dash-logo-new.png")), + href="https://plotly.com/dash/", + ), ], ), ], @@ -261,6 +268,10 @@ def generate_modal(): Operators may stop measurement by clicking on `Stop` button, and edit specification parameters by clicking specification tab. + ###### Source Code + + You can find the source code of this app on our [Github repository](https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-manufacture-spc-dashboard). + """ ) ), diff --git a/apps/dash-manufacture-spc-dashboard/assets/dash-logo-new.png b/apps/dash-manufacture-spc-dashboard/assets/dash-logo-new.png index eb700fc71..040cde174 100644 Binary files a/apps/dash-manufacture-spc-dashboard/assets/dash-logo-new.png and b/apps/dash-manufacture-spc-dashboard/assets/dash-logo-new.png differ diff --git a/apps/dash-opioid-epidemic/app.py b/apps/dash-opioid-epidemic/app.py index 7df7ff5b2..32d66ef11 100644 --- a/apps/dash-opioid-epidemic/app.py +++ b/apps/dash-opioid-epidemic/app.py @@ -94,7 +94,18 @@ html.Div( id="header", children=[ - html.Img(id="logo", src=app.get_asset_url("dash-logo.png")), + html.A( + html.Img(id="logo", src=app.get_asset_url("dash-logo.png")), + href="https://plotly.com/dash/", + ), + html.A( + html.Button("Enterprise Demo", className="link-button"), + href="https://plotly.com/get-demo/", + ), + html.A( + html.Button("Source Code", className="link-button"), + href="https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-opioid-epidemic", + ), html.H4(children="Rate of US Poison-Induced Deaths"), html.P( id="description", diff --git a/apps/dash-opioid-epidemic/assets/dash-logo.png b/apps/dash-opioid-epidemic/assets/dash-logo.png index eb700fc71..040cde174 100644 Binary files a/apps/dash-opioid-epidemic/assets/dash-logo.png and b/apps/dash-opioid-epidemic/assets/dash-logo.png differ diff --git a/apps/dash-opioid-epidemic/assets/demo-button.css b/apps/dash-opioid-epidemic/assets/demo-button.css new file mode 100644 index 000000000..513c949c6 --- /dev/null +++ b/apps/dash-opioid-epidemic/assets/demo-button.css @@ -0,0 +1,13 @@ +.link-button { + margin-top: 3px; + margin-right: 10px; + vertical-align: top; + color: #7fafdf; + float: right; + border-color: #7fafdf; +} + +.link-button:hover { + color: white; + border-color: white; +} \ No newline at end of file diff --git a/apps/dash-pivottable/app.py b/apps/dash-pivottable/app.py index a7272afa9..bc1d69ea2 100644 --- a/apps/dash-pivottable/app.py +++ b/apps/dash-pivottable/app.py @@ -16,6 +16,19 @@ def Header(name, app): html.H1(name, style={"margin": 10, "display": "inline"}), html.A(dash_logo, href="https://plotly.com/dash/"), html.A(ghub_logo, href="https://github.com/plotly/dash-pivottable"), + html.A( + html.Button( + "Enterprise Demo", + style={ + "float": "right", + "margin-right": "10px", + "margin-top": "5px", + "padding": "5px 10px", + "font-size": "15px", + }, + ), + href="https://plotly.com/get-demo/", + ), html.Hr(), ] ) diff --git a/apps/dash-uber-rides-demo/app.py b/apps/dash-uber-rides-demo/app.py index 38d233c80..00a8ec05e 100644 --- a/apps/dash-uber-rides-demo/app.py +++ b/apps/dash-uber-rides-demo/app.py @@ -68,8 +68,12 @@ html.Div( className="four columns div-user-controls", children=[ - html.Img( - className="logo", src=app.get_asset_url("dash-logo-new.png") + html.A( + html.Img( + className="logo", + src=app.get_asset_url("dash-logo-new.png"), + ), + href="https://plotly.com/dash/", ), html.H2("DASH - UBER DATA APP"), html.P( @@ -132,9 +136,11 @@ html.P(id="total-rides-selection"), html.P(id="date-value"), dcc.Markdown( - children=[ - "Source: [FiveThirtyEight](https://github.com/fivethirtyeight/uber-tlc-foil-response/tree/master/uber-trip-data)" - ] + """ + Source: [FiveThirtyEight](https://github.com/fivethirtyeight/uber-tlc-foil-response/tree/master/uber-trip-data) + + Links: [Source Code](https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-uber-rides-demo) | [Enterprise Demo](https://plotly.com/get-demo/) + """ ), ], ), diff --git a/apps/dash-uber-rides-demo/assets/dash-logo-new.png b/apps/dash-uber-rides-demo/assets/dash-logo-new.png index eb700fc71..040cde174 100644 Binary files a/apps/dash-uber-rides-demo/assets/dash-logo-new.png and b/apps/dash-uber-rides-demo/assets/dash-logo-new.png differ diff --git a/apps/dash-web-trader/app.py b/apps/dash-web-trader/app.py index 98b0f78ae..a0a282c66 100644 --- a/apps/dash-web-trader/app.py +++ b/apps/dash-web-trader/app.py @@ -795,15 +795,22 @@ def modal(pair): html.Div( className="div-info", children=[ - html.Img( - className="logo", src=app.get_asset_url("dash-logo-new.png") + html.A( + html.Img( + className="logo", + src=app.get_asset_url("dash-logo-new.png"), + ), + href="https://plotly.com/dash/", ), html.H6(className="title-header", children="FOREX TRADER"), - html.P( + dcc.Markdown( """ This app continually queries csv files and updates Ask and Bid prices for major currency pairs as well as Stock Charts. You can also virtually buy and sell stocks and see the profit updates. + + [Source Code](https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-web-trader) | + [Enterprise Demo](https://plotly.com/get-demo/) """ ), ], diff --git a/apps/dash-web-trader/assets/dash-logo-new.png b/apps/dash-web-trader/assets/dash-logo-new.png index eb700fc71..040cde174 100644 Binary files a/apps/dash-web-trader/assets/dash-logo-new.png and b/apps/dash-web-trader/assets/dash-logo-new.png differ diff --git a/apps/dash-wind-streaming/app.py b/apps/dash-wind-streaming/app.py index ca37f6220..37e9d481b 100644 --- a/apps/dash-wind-streaming/app.py +++ b/apps/dash-wind-streaming/app.py @@ -41,10 +41,21 @@ ), html.Div( [ - html.Img( - src=app.get_asset_url("dash-new-logo.png"), - className="app__menu__img", - ) + html.A( + html.Button("SOURCE CODE", className="link-button"), + href="https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-wind-streaming", + ), + html.A( + html.Button("ENTERPRISE DEMO", className="link-button"), + href="https://plotly.com/get-demo/", + ), + html.A( + html.Img( + src=app.get_asset_url("dash-new-logo.png"), + className="app__menu__img", + ), + href="https://plotly.com/dash/", + ), ], className="app__header__logo", ), diff --git a/apps/dash-wind-streaming/assets/dash-new-logo.png b/apps/dash-wind-streaming/assets/dash-new-logo.png index eb700fc71..040cde174 100644 Binary files a/apps/dash-wind-streaming/assets/dash-new-logo.png and b/apps/dash-wind-streaming/assets/dash-new-logo.png differ diff --git a/apps/dash-wind-streaming/assets/demo-button.css b/apps/dash-wind-streaming/assets/demo-button.css new file mode 100644 index 000000000..f030e1b9e --- /dev/null +++ b/apps/dash-wind-streaming/assets/demo-button.css @@ -0,0 +1,6 @@ +.link-button { + margin-top: 10px; + margin-right: 10px; + vertical-align: top; + color: white; +} \ No newline at end of file