Tutorials › Viewer Controls

Viewer Controls

Tonico.app's Chart Viewer is designed to keep the interface out of your way so you can read, navigate, and play through a song without friction.

Open a chart and read it anywhere, your way

The Tonico.app Chart Viewer is intentionally simple. It has two main parts:

The header

In the center of the header, you can identify the song title, artist, and the transcribed version or album. The chart details also include Transcriber Notes, which are any comments the transcriber considered worth adding, and Reference Links, which the author may include so you can hear the exact version that was transcribed. Each platform button takes you to its corresponding link.

Tonico makes sure shared links inside published charts point only to official platforms.

Next to the chart title, you will find two useful buttons:

Tonico.app Chart Viewer showing the header of a public chart.
The header of a public chart opened in the Tonico.app Chart Viewer.

Below the chart identity area, you will find the display controls:

On the left side of the header, you will find a link back to the Tonico.app home page, a link to the Dashboard if you have an account, and the language switcher for the viewer interface. That language toggle affects the viewer controls and buttons, not the lyrics of the song itself.

Chart content

This is where you see the chart exactly as the author transcribed it, including text notes and any other musical content such as chords, key changes, and symbols.

The chart layout, especially the column distribution, only takes effect after you enter Play mode. Before that, the page stays in a vertical scrolling layout.

Entering Play mode from the Tonico.app Chart Viewer.

Play mode

When you enter Play mode, the viewer clears visual distractions and activates three special controls so you can handle the chart as easily as possible. These controls are three invisible areas that cover the full screen of your device.

Tonico.app Chart Viewer highlighting the invisible control zones used in Play mode.
The invisible control zones in Play mode make it easy to exit, advance, or go back without hunting for buttons.
← Previous Next: Creating Your First Chart →