Skip to content

Commit 76dcc9b

Browse files
Update printing explanation (#1053)
1 parent de3b53b commit 76dcc9b

File tree

6 files changed

+5
-25
lines changed

6 files changed

+5
-25
lines changed

content/develop/concepts/architecture/app-chrome.md

Lines changed: 5 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -19,18 +19,10 @@ The menu is split into two sections. The upper section contains options availabl
1919

2020
You can manually trigger a rerun of your app by clicking "**Rerun**" from the app menu. This rerun will not reset your session. Your widget states and values stored in [`st.session_state`](/develop/concepts/architecture/session-state) will be preserved. As a shortcut, without opening the app menu, you can rerun your app by pressing "**R**" on your keyboard (if you aren't currently focused on an input element).
2121

22-
<div style={{ maxWidth: '30%', margin: 'auto' }}>
23-
<Image src="/images/app-menu/app-menu-rerun-XL.png" alt="Rerun" clean />
24-
</div>
25-
2622
### Settings
2723

2824
With the "**Settings**" option, you can control the appearance of your app while it is running. If viewing the app locally, you can set how your app responds to changes in your source code. See more about development flow in [Basic concepts](/get-started/fundamentals/main-concepts#development-flow). You can also force your app to appear in wide mode, even if not set within the script using [`st.set_page_config`](/develop/api-reference/configuration/st.set_page_config).
2925

30-
<div style={{ maxWidth: '30%', margin: 'auto' }}>
31-
<Image src="/images/app-menu/app-menu-settings-XL.png" alt="Settings" clean />
32-
</div>
33-
3426
#### Theme settings
3527

3628
After clicking "**Settings**" from the app menu, you can choose between "**Light**", "**Dark**", or "**Use system setting**" for the app's base theme. Click on "**Edit active theme**" to modify the theme, color-by-color.
@@ -47,23 +39,19 @@ After clicking "**Settings**" from the app menu, you can choose between "**Light
4739

4840
### Print
4941

50-
Click "**Print**" to open a print dialog. This option uses your browser's built-in print-to-pdf function.
42+
Click "**Print**" or use keyboard shortcuts (`⌘+P` or `Ctrl+P`) to open a print dialog. This option uses your browser's built-in print-to-pdf function. To modify the appearance of your print, you can do the following:
5143

52-
<div style={{ maxWidth: '30%', margin: 'auto' }}>
53-
<Image src="/images/app-menu/app-menu-print-XL.png" alt="Print" clean />
54-
</div>
44+
- Expand or collapse the sidebar before printing to respectively include or exclude it from the print.
45+
- Resize the sidebar in your app by clicking and dragging its right border to achieve your desired width.
46+
- You may need to enable "**Background graphics**" in your print dialog if you are printing in dark mode.
47+
- You may need to disable wide mode in [Settings](#settings) or adjust the print scale to prevent elements from clipping off the page.
5548

5649
### Record a screencast
5750

5851
You can easily make screen recordings right from your app! Screen recording is supported in the latest versions of Chrome, Edge, and Firefox. Ensure your browser is up-to-date for compatibility. Depending on your current settings, you may need to grant permission to your browser to record your screen or to use your microphone if recording a voiceover.
5952

6053
1. While viewing your app, open the app menu from the upper-right corner.
6154
2. Click "**Record a screencast**."
62-
63-
<div style={{ maxWidth: '30%', margin: 'auto' }}>
64-
<Image src="/images/app-menu/app-menu-record-XL.png" alt="Record" clean />
65-
</div>
66-
6755
3. If you want to record audio through your microphone, check "**Also record audio**."
6856
4. Click "**Start recording**." (You may be prompted by your OS to permit your browser to record your screen or use your microphone.)
6957

@@ -107,10 +95,6 @@ The whole process looks like this:
10795

10896
You can conveniently check what version of Streamlit is running from the "**About**" option. Developers also have the option to customize the message shown here using [`st.set_page_config`](/develop/api-reference/configuration/st.set_page_config).
10997

110-
<div style={{ maxWidth: '30%', margin: 'auto' }}>
111-
<Image src="/images/app-menu/app-menu-about-XL.png" alt="Rerun" clean />
112-
</div>
113-
11498
## Developer options
11599

116100
By default, developer options only show when viewing an app locally or when viewing a Community Cloud app while logged in with administrative permission. You can [customize the menu](#customize-the-menu) if you want to make these options available for all users.
@@ -119,10 +103,6 @@ By default, developer options only show when viewing an app locally or when view
119103

120104
Reset your app's cache by clicking "**Clear cache**" from the app's menu or by pressing "**C**" on your keyboard while not focused on an input element. This will remove all cached entries for [`@st.cache_data`](/develop/api-reference/caching-and-state/st.cache_data) and [`@st.cache_resource`](/develop/api-reference/caching-and-state/st.cache_resource).
121105

122-
<div style={{ maxWidth: '30%', margin: 'auto' }}>
123-
<Image src="/images/app-menu/app-menu-clear-XL.png" alt="Rerun" clean />
124-
</div>
125-
126106
### Deploy this app
127107

128108
If you are running an app locally from within a git repo, you can deploy your app to Streamlit Community Cloud in a few easy clicks! Make sure your work has been pushed to your online GitHub repository before beginning. For the greatest convenience, make sure you have already created your [Community Cloud account](/deploy/streamlit-community-cloud/get-started/create-your-account) and are signed in.
-32.5 KB
Binary file not shown.
-35 KB
Binary file not shown.
-31.9 KB
Binary file not shown.
-32.1 KB
Binary file not shown.
-32 KB
Binary file not shown.

0 commit comments

Comments
 (0)