Skip to content

Commit

Permalink
Update index.md
Browse files Browse the repository at this point in the history
Numbering of authorization methods did not work. All appeared with 1. ... instead of 1., 2., 3. (probably because of inserted pictures, who knows)

I used low-level headings instead.
  • Loading branch information
hhanova authored and ujovlado committed Nov 7, 2024
1 parent 6fa15f5 commit d264912
Showing 1 changed file with 9 additions and 6 deletions.
15 changes: 9 additions & 6 deletions components/data-apps/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -114,17 +114,19 @@ See the [examples](#example-data-apps) below for usage of the Keboola Storage Py
{% include warning.html content="Once the data app is deployed, its URL will be publicly available! Keboola provides two authorization methods." %}

### Authorization
We recommend using the authorization methods provided by Keboola.
We recommend using the authorization methods provided by Keboola. Select the method that best suits your app’s requirements and security needs.

{: .image-popup}
![Code - code](/components/data-apps/data_app-authentication.png)

1. **Basic Authorization**: This method allows you to authenticate a user using a password generated by Keboola.
#### Basic authorization
This method allows you to authenticate a user using a password generated by Keboola.

{: .image-popup}
![Code - code](/components/data-apps/data_app-authentication-basic-proxy.png)

2. **OIDC (OpenID Connect) Authorization**: This enables users to log into your app using your Single Sign-On (SSO) providers.
#### OIDC (OpenID Connect) authorization
This enables users to log into your app using your Single Sign-On (SSO) providers.

{: .image-popup}
![Code - code](/components/data-apps/data_app-authentication-oidc.png)
Expand All @@ -134,13 +136,14 @@ If you enter an app with OIDC, you'll be asked to select an `Authentication Prov
{: .image-popup}
![Code - code](/components/data-apps/data_apps-select-oidc-provider.png)

3. **None**: Alternatively, you may implement your own authorization method within your Streamlit data app. For instance, you can use the Streamlit authenticator. For guidance, check out the [Streamlit authenticator tutorial](https://blog.streamlit.io/streamlit-authenticator-part-1-adding-an-authentication-component-to-your-app/) or take a look at [our example](https://github.com/KB-PS/mkt-bi-ocr/blob/master/Select_Invoices.py).
#### None
Alternatively, you may implement your own authorization method within your Streamlit data app. For instance, you can use the Streamlit authenticator. For
guidance, check out the [Streamlit authenticator tutorial](https://blog.streamlit.io/streamlit-authenticator-part-1-adding-an-authentication-component-to-your-app/)
or take a look at [our example](https://github.com/KB-PS/mkt-bi-ocr/blob/master/Select_Invoices.py).

{: .image-popup}
![Code - code](/components/data-apps/data_app-authentication-none.png)

Choose the authorization method that best suits your app's requirements and security needs.

## Theming
To configure theming in your data app, you can select from predefined themes or create a custom theme. Predefined themes include `Keboola`, `Light Red`, `Light Purple`, `Light Blue`, `Dark Green`, `Dark Amber`, and `Dark Orange`. Each theme has a specified primary color, background color, secondary background color, text color, and font. Users choosing `Custom` can manually set these values.

Expand Down

0 comments on commit d264912

Please sign in to comment.