diff --git a/docs/docs/creating-charts-dashboards/creating-your-first-dashboard.mdx b/docs/docs/creating-charts-dashboards/creating-your-first-dashboard.mdx index 23a6b777b916d..7255465c5e473 100644 --- a/docs/docs/creating-charts-dashboards/creating-your-first-dashboard.mdx +++ b/docs/docs/creating-charts-dashboards/creating-your-first-dashboard.mdx @@ -31,28 +31,30 @@ to query and visualize data from it. If you're using Superset locally via skip this step because a Postgres database, named **examples**, is included and pre-configured in Superset for you. -Under the **Data** menu, select the _Databases_ option: +Under the **+** menu in the top right, select Data, and then the _Connect Database_ option: -{" "}

+{" "}

-Next, click the green **+ Database** button in the top right corner: +Then select your database type in the resulting modal: -{" "}

+{" "}

-You can configure a number of advanced options in this window, but for this walkthrough you only -need to specify two things (the database name and SQLAlchemy URI): +Once you've selected a database, you can configure a number of advanced options in this window, +or for the purposes of this this walkthrough, you can click the link below all these fields: - +{" "}

-As noted in the text below -the URI, you should refer to the SQLAlchemy documentation on +Once you've clicked that link you only need to specify two things (the database name and SQLAlchemy URI): + + +{" "}

+ +As noted in the text below the form, you should refer to the SQLAlchemy documentation on [creating new connection URIs](https://docs.sqlalchemy.org/en/12/core/engines.html#database-urls) for your target database. Click the **Test Connection** button to confirm things work end to end. If the connection looks good, save the configuration -by clicking the **Add** button in the bottom right corner of the modal window: - - +by clicking the **Connect** button in the bottom right corner of the modal window: Congratulations, you've just added a new data source in Superset! diff --git a/docs/static/img/tutorial/tutorial_01_add_database_connection.png b/docs/static/img/tutorial/tutorial_01_add_database_connection.png new file mode 100644 index 0000000000000..3327ab4b978b8 Binary files /dev/null and b/docs/static/img/tutorial/tutorial_01_add_database_connection.png differ diff --git a/docs/static/img/tutorial/tutorial_01_sources_database.png b/docs/static/img/tutorial/tutorial_01_sources_database.png deleted file mode 100644 index 33cbfcaa61a45..0000000000000 Binary files a/docs/static/img/tutorial/tutorial_01_sources_database.png and /dev/null differ diff --git a/docs/static/img/tutorial/tutorial_02_add_database.png b/docs/static/img/tutorial/tutorial_02_add_database.png deleted file mode 100644 index 1a1ce19af58a6..0000000000000 Binary files a/docs/static/img/tutorial/tutorial_02_add_database.png and /dev/null differ diff --git a/docs/static/img/tutorial/tutorial_02_select_database.png b/docs/static/img/tutorial/tutorial_02_select_database.png new file mode 100644 index 0000000000000..d6bc9f9a55a02 Binary files /dev/null and b/docs/static/img/tutorial/tutorial_02_select_database.png differ diff --git a/docs/static/img/tutorial/tutorial_03_database_name.png b/docs/static/img/tutorial/tutorial_03_database_name.png deleted file mode 100644 index 40ead2c66e034..0000000000000 Binary files a/docs/static/img/tutorial/tutorial_03_database_name.png and /dev/null differ diff --git a/docs/static/img/tutorial/tutorial_03a_database_connection_string_link.png b/docs/static/img/tutorial/tutorial_03a_database_connection_string_link.png new file mode 100644 index 0000000000000..c4cadc6cd61b1 Binary files /dev/null and b/docs/static/img/tutorial/tutorial_03a_database_connection_string_link.png differ diff --git a/docs/static/img/tutorial/tutorial_03b_connection_string_details.png b/docs/static/img/tutorial/tutorial_03b_connection_string_details.png new file mode 100644 index 0000000000000..8d497cdcc74a5 Binary files /dev/null and b/docs/static/img/tutorial/tutorial_03b_connection_string_details.png differ