Customizing The Dash: Difference between revisions
Automated edit: Updated image alt text for accessibility |
Automated edit: Updated image alt text for accessibility |
||
| (One intermediate revision by the same user not shown) | |||
| Line 35: | Line 35: | ||
Click the eye icon next to a service name to hide or show it. Hidden services will appear under Hidden Services at the bottom of the tab, where you can restore them. Clicking the '''Reset Services''' button at the bottom of the tab will reset all of your changes to the default order. | Click the eye icon next to a service name to hide or show it. Hidden services will appear under Hidden Services at the bottom of the tab, where you can restore them. Clicking the '''Reset Services''' button at the bottom of the tab will reset all of your changes to the default order. | ||
[[File:Customizing The Dash 1778182587728.png|alt= | [[File:Customizing The Dash 1778182587728.png|alt=Settings window on the Services tab showing a list of services with hide/show eye icons and arrows to reorder them in the Dash menu|center|thumb|600x600px|Click the hide/show button for any section on the '''Services''' tab to remove or return it to the Dash menu.]] | ||
[[Category:The Dash]] | [[Category:The Dash]] | ||
<center>Click the hide/show button for any section on the '''Services''' tab to remove or return it to the Dash menu.</center> | <center>Click the hide/show button for any section on the '''Services''' tab to remove or return it to the Dash menu.</center> | ||
| Line 73: | Line 73: | ||
On the Menus section, click a label in the legend to hide or show it, or click the Hide All Labels button to hide all of the labels in one click. Use the Reset Labels button to restore defaults. | On the Menus section, click a label in the legend to hide or show it, or click the Hide All Labels button to hide all of the labels in one click. Use the Reset Labels button to restore defaults. | ||
[[File:Customizing The Dash 1778182717755.png|alt= | [[File:Customizing The Dash 1778182717755.png|alt=Dining label key with icons and descriptions for egg, gluten free, locally sourced, milk, pork, soy, vegan, vegetarian, and wheat, located to the right of menu listings|center|thumb|600x600px|Dining labels can be toggled from the label key to the right of the menu listings.]] | ||
=== Reset All Customizations === | === Reset All Customizations === | ||
Latest revision as of 01:33, 7 July 2026
The Dash (dash.swarthmore.edu) has a number of options which allow you to customize the appearance and display of information.
Accessing Customization Options
You can personalize the Dash using the Settings panel, which you can open by clicking the gear icon at the bottom-left corner on desktop or in the main menu on mobile.
Settings are organized into four tabs: Sections, Services, Theme, and More (for logged in editors, Calendars will also appear).


Customizing Sections
Rearrange Sections
From the Sections tab, click the up or down arrow next to a section name to change its display order on the page. Clicking the Reset Sections button at the bottom of the tab will reset all of your changes to the default order.

Hide or Show Sections
Click the eye icon next to a section name to hide or show it. To restore a hidden section, open Sections in Settings and click the eye icon again. Clicking the Reset Sections button at the bottom of the tab will reset all of your changes to the default order.

Customizing Services
Reorder Services
From the Services tab, use the up or down arrow to change the order of items in your Dash menu. Clicking the Reset Services button at the bottom of the tab will reset all of your changes to the default order.

Hide or Show Services
Click the eye icon next to a service name to hide or show it. Hidden services will appear under Hidden Services at the bottom of the tab, where you can restore them. Clicking the Reset Services button at the bottom of the tab will reset all of your changes to the default order.

Customizing the Theme
ark/Light Mode
Switch between light and dark themes from the Theme tab. If your device’s operating system is set to dark mode, Dash will match it automatically.

“More” Tab
From the More tab in the Settings modal, you can make changes to the weather widget, the display of filters in various sections, and access the latest updates about the Dash.
Weather Settings
Toggle between Fahrenheit and Celsius in the weather widget located in the left-hand navigation.
Around Campus Settings
Enable or disable one-sentence descriptions for Around Campus stories.
Section Filters
Choose whether to show filtering options for specific sections, including:
- Around Campus
- Hours
- Events
- Scores
Making any changes to the section settings will cause a red dot to appear at the top of the section settings button. This indicates a custom setting has been enabled.
Other Customization Options
Dining Labels
On the Menus section, click a label in the legend to hide or show it, or click the Hide All Labels button to hide all of the labels in one click. Use the Reset Labels button to restore defaults.

Reset All Customizations
Click the Reset Settings button at the bottom of the Settings panel to restore default layout, visibility, and theme preferences. Your settings are stored locally per browser/device, so changes on one device won’t affect another.
Saving the Dash to Your Desktop
You can install the Dash as a desktop app for quick, app-like access:
In Chrome or Edge:
- Open the Dash in your browser.
- Click the Install icon (a computer screen with a down arrow) in the right side of the address bar.
- Click Install.
- The Dash will open in its own window and can be launched from your desktop, Start Menu (Windows), or Applications folder (Mac).
In Safari (macOS):
- Open the Dash in Safari.
- Go to File > Add to Dock.
- Launch it from your Dock any time.
Once installed, the Dash runs in a standalone window without browser tabs or controls, and it will remember your customizations just like in the browser.
Saving the Dash to Your Phone (iOS & Android)
You can add the Dash to your home screen for quick, app-like access on your phone or tablet:
On iPhone or iPad (Safari):
- Open the Dash in Safari.
- Tap the Share button (square with an up arrow).
- Scroll down and tap Add to Home Screen.
- Optionally rename it, then tap Add.
The Dash will appear on your Home Screen and open in its own, standalone window.
On iPhone or iPad (Chrome):
- Open the Dash in Chrome.
- Tap the Share icon (… in a box) in the address bar.
- Choose Add to Home Screen → Add.
(Chrome on iOS uses the same system feature as Safari.)
On Android (Chrome):
- Open the Dash in Chrome.
- Tap ⋮ (menu) in the top-right.
- Tap Install app (or Add to Home screen).
- Confirm Install (or Add).
You’ll find it on your Home Screen and in the app drawer. It opens without browser UI.
On Android (Edge or Firefox):
- Edge: Open the Dash → ⋮ → Add to phone (or Install app) → Add.
- Firefox: Open the Dash → ⋮ → Add to Home screen → Add.
After adding, the Dash behaves like an app: it remembers your customizations and runs in a standalone window without browser tabs or controls. To remove it later, delete it like any other app/icon on your device.
Logging in for Editors
| Regular users of the Dash do not need to login in order to use or customize the Dash. |
The login button at the bottom of the left-hand navigation is for editors who have administrative access to edit/add hours information and other content to the Dash.
For more information about editing parts of the Dash, visit the editing hours and editing menus sections.
