Customizing The Dash

The Dash (dash.swarthmore.edu) has a number of options which allow you to customize the appearance and order of information that you see. 

Accessing Customization Options

All customization options are available from the Settings panel, which is triggered by clicking the gear icon at the bottom left-hand corner on desktop and in the main menu on mobile.

Open

On desktop, click the gear icon in the lower left-hand portion of the page to access customization options.

Open

On mobile, click the gear icon in the upper right-hand portion of the page to access customization options.

Available Customizations

Rearranging Sections

To move a section from its default order on the page, click the gear icon  at the bottom of the left-hand navigation on desktop or the top of the main navigation on mobile to bring up the Settings panel (see above section for more details). From there, click the up or down arrow next to a section to move it in the page's order.

Hiding Sections

Only interested in seeing Menus and Events on your Dash? Or maybe just Transportation and Hours? Click the three dots at the top of the section to reveal options for that section, including the Hide Section button. Toggling this selection will hide or show it in your Dash. You can also hide sections by clicking the hide/show Eye icon next to the section title on the Settings modal window.

To restore a section, click on the Manage Hidden Sections button on desktop or the eye icon on mobile to bring up the Settings panel where you can click the hide/show eye button to the right of the section title.

Dark/Light Theme

To change the theme's color palette, click the gear icon at the bottom of the left-hand navigation on desktop or the top of the main navigation on mobile to bring up the Settings panel and toggle the theme switch to flip between light and dark modes. If you have set your device's operating system's default theme to dark mode, the Dash will recognize this preference and automatically set the theme to dark. 

Toggling Dining Labels

To toggle a dining label’s visibility on the main Dash page as well as the upcoming menus page, simply click it from the legend to the right of the menu. If hidden, clicking the label again will make it visible. To reset the label settings, click the pill-shaped Reset Labels button at the bottom of the legend. Like with other Dash settings such as section arrangement/visibility and light/dark theme preferences, these changes are saved across browser sessions until you clear your cache or start a session in a different browser. 

Around Campus Story Descriptions

You can toggle short descriptions for Around Campus news items from the settings by clicking the three dots at the top of the section (they are turned off by default).

Resetting Customizations

The Dash will automatically save your settings and continue to present you with your customized order and theme until you reset your settings by clicking the blue Reset Settings button at the bottom of the Settings panel. Since the Dash saves these settings locally on your computer or phone's browser (without having to login or create an account), the sort and theme customizations that you make on your various devices will be specific to those devices. (For example, you may choose to hide every section except Menus on your mobile device's version of Chrome while leaving the default options in place on your laptop's version of Chrome). 

Logging in for Editors

The login button at the bottom of the left-hand navigation or the top of the main navigation on mobile 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.

Other Features

Jumping to Sections (Mobile)

On mobile, use the Jump to Section menu on the top left beneath the main navigation to quickly jump to a section on the Dash. If you have hidden sections on the Dash, you will only see the sections that have not been hidden.

Filtering and Sorting Content

Many of the sections on the Dash have filters to refine the type of information that you see. For instance, the Around Campus section, which pulls together news sources from around the College, can be filtered by feed source, while the Events section can be filtered by event organizer (among other options). Sort options are available for some sections as well, including the Around Campus section.

To toggle the visibility of these filters, click the three dots at the top of the section to reveal the Show Filters option.

Events Descriptions and “Add to Calendar”

You can view additional details about individual events in the Events section by clicking the Description link at the bottom of an entry. Additionally, you can add any event to your preferred calendar software using the Add to Calendar link at the bottom of the event.