Jump to
displays a list of pages which can be used for assigning a page to the
button. The predefined options “Home page” and “Previous page” use button classes
for performing the navigation.
Modifying button appearance
The buttons in the image galleries generally do not have any label or icon. Adding a label or
icon to a button is as important as adding a function to the button and this is best done using
button overlays.
A label (i.e. text) can be added to a button either by:
Clicking on the button with the right mouse button and selecting “Edit text
(overlay)...”.
Using the “Button Image Components” window, select the “Overlay” item and either
select “Edit text...” from the context menu or double click the item.
The text and other settings can be entered into the window that appears. See
Text Based
Images
.
If a text overlay in combination with an icon is required, first add the icon to the button and
then use the “Edit text (overlay)...” function. The text will always be placed to the right of the
icon.
To add an image or icon to a button, first an appropriate image must be located in the
“Images” group in an image gallery. Predefined galleries containing useful images for this
purpose are “Channel logos”, “Icons”, “Radio logos”, “Sirius” and “XM”. Alternatively an
image can be imported into “Current Images” (see
Current Images
). The image can then be
added to a button either by:
Dragging the image from the image gallery and dropping it onto the button. In the
context menu that appears, select “Overlay image”.
Using the “Button Image Components” window, drag the image from the image
gallery and drop it onto the “Overlay” item in the window.
The overlay position can then be adjusted in the button properties. If the image does not fit
into the button, a larger button will need to be used.
If the “Overlay – active” item is selected for any of the above functions, the label or icon will
be used when the button is active.
Creating new buttons
Button styles not found in the image galleries can freely be created by the user. The first step
is to create or find suitable images for a button and then import them into the current images
gallery (see
Current Images
). Depending on the shape of the button, a clipping region could
be defined for each of the images (see below). The button is then created by opening the
context menu for a page and selecting “Add new button”. An empty frame will then appear in
the top left corner of the page. The images under current images are then dragged and
dropped or copied and pasted into this frame or into the appropriate image component in the
“Button Image Components” window.
Once the images have been assigned to the button, the button can be copied and pasted into
a user defined image gallery for later use.
Clipping is an advanced feature for creating buttons that are not strictly rectangular, allowing
complex shapes to be placed closer to each other than what would otherwise be possible.
This is because (1) the clipping region defines a non-rectangular shape that is rendered thus
reducing problems with overlap and (2) the touch detection for the button checks if the touch
20
