Skip to content

The Home Screen

Purpose of the Home Screen

The Home Screen is the first screen you see each time you start SKipper, unless you configure one of your other Pages to do that. It shows all of the user-defined Pages that are configured to be visible on the type of device you're using (phone, tablet, or computer), so you can get to any Page with one click or tap. It also shows the two system-defined Pages: Edit Pages, and Settings. And it gives you a graceful way to close SKipper - the "Exit SKipper" button.

Below are two images of the same Home Screen: the first one is how it would look on a laptop / desktop in landscape orientation, and the second is how it would look on a phone or tablet in portrait orientation. The only real difference is the placement of the Icon Bar.

Home Screen Landscape

Home Screen Portrait

Every Home Screen has all of the user-defined pages at the top, followed by Edit Pages, Settings, and Exit SKipper.

Edit Pages

This is where you go to organize the Home Screen on each of your devices. (Pro tip: you can get to this screen with a right-click on any user-defined Page, or with a double-tap on any user-defined Page if you have it configured in Settings.)

Edit Pages

From this screen, you can:

  • Enable editing of the individual user-defined Pages (upper left corner)
  • Add a new Page to your UI ("+" icon in upper right corner)
  • See the icon for each Page
  • See the devices that each Page will be visible on (phone, tablet, computer)
  • See which Pages are configured to display their icon on the Icon Bar (the little star next to the icon indicates the icon is visible on the Icon Bar)
  • See which Page is configured to always come up when you start SKipper on this device (the little "house" icon next to "Navigation" in the image above)
  • Change the order of the Pages on the Home Screen, which changes the order of their icons on the Icon Bar (the up / down arrow buttons at the right side of the name fields)
  • Bring up a menu of other things you can do with each individual Page (image below) (little round settings-like icon at the far right of each Page)

Edit Pages Menu

Open Page

When you're at this point, if you want to see what the Page looks like, you can click this menu item. However, you would not normally come to this menu to open a Page - you would normally just click on its icon from any screen in SKipper.

Edit Page

Brings up the Edit Page pop-up, from which you can:

  • Change the name of the Page
  • Change the icon
  • Display or hide the Page's icon on the icon bar
  • Select which platforms (device types) on which to make this Page visible on the Home Screen

Edit Page Properties

Change the Icon

To change the icon, simply click on the icon that's already there ("fa-compass" in the image above). This brings up the list of icons available in SKipper - there are a LOT! The image below shows just some of the categories, and each category has many icons. Spend a little time and you'll find just the right icon for each one of your Pages.

Note that you can use the same icon for more than one Page, which might be appropriate for two pages that serve the same purpose (like "Engine data - laptop" and "Engine data - phone"), but are used on different devices. (See below for how to show and hide a Page on different device types.)

Icon List

Make Page Visible on Icon Bar

If you make a Page that you are rarely going to use, or that you're not yet ready to use, or that you don't want to use anymore but you don't want to delete it yet, turn off its icon with this switch. For any Page that you want to use, turn its icon on.

Show Page on Platforms (Devices)

Remember that your UI includes all the Pages you've created for all of your devices, and you may not want to use them all on every device. For example, you won't want to use a Page that you designed for a 24" desktop screen, with 30 different Controls, when you're on your phone, so un-select the little blue and white phone. It will turn black and gray to indicate that this Page won't be visible when you're using SKipper on a phone. It won't be included in the list of Pages on the Home Screen, and its icon won't appear on the Icon Bar. The only way to get to it on a phone is to go to the Home Screen, then to Edit Pages. By selecting which Pages will display on which device types, you will have the perfect assortment of Pages on each device: every Page you want, and none of the Pages you don't want.

Show Page on Startup

Each device on which you run SKipper can have a Page selected to automatically display when SKipper starts each time. This menu item is used to select that Page, and when the Page is selected, a little blue "house" icon appears next to the name of the Page on the Edit Pages screen. Note that this is "per device", not "per device type", so if you run SKipper on two different phones, for example, each phone can have a different startup Page.

Little Blue House Icon

Copy Page

This is used to copy a Page so that you can modify it for another use. Examples of this include:

  • Copy a page with a very nice Layout that you want to use for a different collection of data. After you copy it, you would delete some or all of the Controls and replace them with different Controls showing different data, or you could simply change the binding to the Signal K Path for any control to change what it will display.
  • Copy a Page that was created for one device, then modify it for use on another device. This won't work very well for devices with very different screens, but it will work very well for devices whose screens are very similar, but not so similar that you can use the same Page Layout for both of them.

Delete Page

Obvious... and dangerous! Of course, you'll get a warning before you complete this, because it can't be undone.

Settings

The other primary purpose of the Home Screen (besides the Edit Pages functions) is to configure all of the miscellaneous Settings. Below is a listing of them all, with explanations where necessary. (Pro tip: you can get to the Settings screen with a right-click on any user-defined Page, or with a double-tap if you have configured it to do so in Settings.)

Theme

Choose Default if you want SKipper's theme to always match the theme being used by Signal K. If you choose this, you must also enable the next option below. If you always want SKipper to use either the Light or the Dark theme, select the one you want. (Pro tip: you can change the theme with a right-click on any user-defined Page, or a double-tap on any user-defined Page if you have configured it, below.)

Use Current Signal K Theme for SKipper

Obvious. Used in conjunction with the previous setting.

Show Notifications from Signal K

If enabled, notifications from Signal K will appear in SKipper in a bright red box. Only notifications equal to or more serious than the next setting will be displayed.

Minimum Notification State to Show

If you enable the previous setting, select the minimum notification state here. Notifications are listed here in order of urgency, from "Nominal" to "Emergency".

Enable Editing of User Pages

Must be enabled in order for you to edit any Page's Layout or Controls. You can also enable / disable Page editing on the Edit Pages screen. On touch-screen devices, you can do it with a double-tap on any user-defined Page (if enabled below). On non-touch devices, you can do it with a right-click on any user-defined Page.

Double-tap on User Page Action

On touch-screen devices, you can double-tap on any user-defined Page to make this action happen. Choices are: - ToggleEditMode (to enable / disable user-defined Page editing) - ToggleTheme (between Light and Dark) - ShowUserMenu (This is the most useful choice: it brings up a menu with these choices: enable or disable editing of user-defined Pages; toggle theme; bring up the Edit Pages screen; bring up the Settings screen)

Run SKipper full-screen

Uses every bit of your screen for SKipper. This option is not visible on all devices.

Show Property Value Suggestions Based on Binding

When you bind a Signal K Path to a SKipper Control, there are certain things that can be assumed about how you will want to configure that Control. For example, what "unit" to use, such as "V" for any Path that is reporting voltage. This setting is enabled by default, and you will probably want to leave it enabled.

Controls Defaults

This allows you to change the default values for many aspects of each type of Control. See just one example in the image below. If you're creating your UI and you find yourself changing any of these things frequently, you might want to change their default values here.

Digital Gauge Defaults

History Data Sets

This is where you go to add, edit, and delete History Data Sets, which are used by the Graph Control.

InfluxDB Configuration

Click on "Influx DB Address" to set or change the address of the InfluxDB database that you want your History Data Sets to have access to. From there, you also enter or change the credentials required by InfluxDB to allow access.

Signal K Server

Brings up the following menu.

Signal K Server Menu

Load or Store UI on Signal K Server

Obvious.

Configure Default Units

Choose between Metric and Imperial.

Number of Decimal Places

This is the default for all digital numbers displayed by SKipper. Can be changed for any individual number.