Responsive Design Modes

LUNA is a web application which means it is built to accommodate all screen sizes and types, from large desktop monitors, to tablets and mobile smartphones. Due to the space constraints that smaller screens enforce, LUNA employees a practice known as “Responsive Design” which means that elements on-screen can appear in different locations depending on the device you’re using.

In many cases, some elements are hidden on smaller screens that would normally be visible on larger ones. This article demonstrates some of those adjustments that are automatically handled so you can enjoy LUNA across all of your devices with ease.

Good to Know!

Keep in mind that no matter what device you’re using, all of the features in LUNA are always available to you, even if they’re in a slightly different arrangement on your screen.

Desktop Mode

When viewing LUNA in Desktop Mode, your charts always appear in the middle of your screen and scaled-to-fit for optimal display. The left side of your screen displays one or more Info Panels depending on whether you’re viewing a uniwheel or a biwheel, while the right side always shows the Chart Menu on top, with contextual chart controls below it.

Whether you enlarge or reduce the size of your desktop window, the chart size adjusts accordingly.

On both desktop and mobile versions, you can pinch and zoom into the screen for a closer viewing of the chart.

A transit chart in LUNA in Desktop Mode.

Tablet Mode

LUNA will look slightly different on a tablet depending on whether you’re viewing it in portrait or landscape orientation. Notice in the examples below that when space is available in landscape orientation, the left side Info Panel(s) appear. When in portrait orientation, however, the view is more similar to Mobile Mode (see below).

A transit chart in LUNA in Tablet Mode (landscape orientation).
Example of LUNA in Tablet Mode when the tablet is held horizontally.
A transit chart in LUNA in Tablet Mode (portrait orientation).
Example of LUNA in Tablet Mode when the tablet is held vertically.

Mobile Mode

When viewing LUNA on your smartphone or other very small screen, you will notice that all of the panels that were to the left and right of the chart are now collapsed into “drawers” which can be tapped open to reveal more details.

A transit chart in LUNA in Mobile Mode.
Updated on February 18, 2024

Was this article helpful?

Related Articles

Need Support?
If you are having any problems with your account, or have any questions that aren't answered on the website, please send us a message here and someone will respond ASAP.
Contact Support