---
title: "Generic spot selector"
slug: "generic-spot-selector"
updated: 2026-03-25T13:23:17Z
published: 2026-03-25T13:23:17Z
canonical: "docs.grassfish.com/generic-spot-selector"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.grassfish.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Generic spot selector

The Spot Selector spot allows you to quickly and easily create your own spot selector and define its overall look using layout, colors, fonts, and other design options.

> [!NOTE]
> Note
> 
> If you would like to use this spot or need more information, please contact Grassfish support or sales team.

## System requirements

This spot requires Android Player version 11.18.0 or later.

## Configure the player

To play the spot on the Android Player, you must first configure its settings. To do so, perform the following steps:

1. In IXM One, go to the player configuration or the configuration group:
  - For an individual player, go to **Channels > Location**. Double-click on your player and select **Edit** next to **Configuration** in the **Edit player** window.
  - For a configuration group, go to **Administration > Player > Configuration groups** and double-click on the configuration group.
2. In the **Edit configuration group** window, select **Display extended modules**.
3. Under **Modules**, select **Spotselector**.
4. Select **Enable Spotselector mode**.
5. Optionally, select **Spotselector battery info** to display the remaining battery capacity in percent.
6. Under **Number of spot rows per playlist**, select how many rows with spots you want to display.

![](https://cdn.document360.io/e2b87f73-d9f5-43cb-8182-2641762664fd/Images/Documentation/spot_selector_player_configuration(1).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A21%3A38Z&se=2026-11-06T21%3A21%3A38Z&sr=c&sp=r&sig=HoRMrsX03c%2FLSCSj23%2FA1emYlwp7HSY5zYy6WUZJURE%3D)

## Upload the Spot Selector spot

To use the spot, you must first upload the spot file to IXM One. To do so, perform the following steps:

1. In IXM One, go to **Content > Playlist**.
2. In the **Spot groups** pane, select your spot group.
3. In the **Selectable spots** pane, click on **New**.
4. Select **Upload spots**.
5. Upload the spot file in one of the following ways:
  - Drag and drop the skin.asc.zip file into the upload manager window.
  - Click on **Add data**, select the skin.asc.zip file from your files and click on **Open**.
6. Click on the **Play** icon to start the upload.
7. Once the upload has finished, click on **Close** to close the upload manager.

> [!WARNING]
> Note
> 
> You must save the spot as a skin.asc file, otherwise the Android Player can’t recognize it.

## Configure the Spot Selector spot

To configure the spot in the HTML Wizard, perform the following steps:

1. In IXM One, go to **Content > Playlist**.
2. In the **Spot groups** pane, select your spot group.
3. In the **Selectable spots** pane, hover over the spot and select **Edit content** or double-click on it. This opens the HTML Wizard.
4. Under **Spot**, configure the following settings:

| Show Opened Spot | Select to see the opened spot view, where the close and arrow buttons appear in the header. Note that the spot is replaced by a placeholder in the HTML Wizard. Since the spot is responsive, we recommend previewing the actual spot directly on the player. |
| --- | --- |
| Playlist Font | Select a playlist font from the dropdown menu. |
| Main Font | Select a main font from the dropdown menu. This font is used for all text except playlist titles. |
5. Select **Page layout** and configure the following settings:

| Orientation | Select the screen orientation that matches your screen: - Horizontally - Vertically |
| --- | --- |
| Page Padding left/right | Specify the left and right side padding of the page in pixels. |
| Header Height | Specify the height of the header in pixels. |
| Playlist Section Padding top/bottom | Specify the top and bottom padding of the playlist selection in pixels. |
| Spot Item Spacing | Specify the space between the spots in pixels. |
6. Select **Header** and configure the following settings:

| Background Color | Set a background color for the header. Click in the color picker to select a color or enter a HEX code. |
| --- | --- |
| Transparent Overlays | Select to enable transparency. In this case, only the Close button and logo are visible. |
7. Select **Button** and configure the following settings:

| Background Color | Set a background color for the button. Click in the color picker to select a color or enter a HEX code. |
| --- | --- |
| Border | Specify the width of the button border in pixels. |
| Border Color | Set a color for the button border. Click in the color picker to select a color or enter a HEX code. |
| Close Button Text | Enter the text that appears on the button, such as "Close" or "Exit". |
| Close Button Style | Style the button text using font size, color, and more options. |
| Position Top | Specify the distance between the button and the top edge of the page in pixels. |
| Height | Specify the height of the button in pixels. |
| Padding Left/Right | Specify the left and right side padding of the button in pixels. |
| Radius | Specify the radius of the button corners. 0 means square and 100 means round. |
8. Select **Time & Date** and configure the following settings:

| Time/Date Alignment | Select an alignment for the date and time: - Left - Right |
| --- | --- |
| Show Time | Select to display the current time in the header. |
| Time Format | Select a time format: - 24-hour clock - 12-hour clock |
| Time Style | Style the time text using font size, color, and more options. |
| Show Date | Select to display the current date in the header. |
| Date Format | Select a date format: - DD.MM.YYYY - DD/MM/YYYY - MM/DD/YYYY |
| Date Style | Style the date text using font size, color, and more options. |
9. Select **Hero** and configure the following settings:

| Image | Select an image for the hero section. You can use a JPG, PNG, GIF file. |
| --- | --- |
| Height/Width | Specify the height or width of the image in pixels. The value applies to the height if your layout is horizontal and to the width if your layout is vertical. |
10. Select **Logo** and configure the following settings:

| Image | Select a logo image. You can use a JPG, PNG, GIF file. |
| --- | --- |
| Logo Height | Specify the height of the logo in pixels. |
| Position Top | Specify the distance between the logo and the top edge of the page in pixels. |
| Position Left | Specify the distance between the logo and the left edge of the page in pixels. |
11. Select **Playlist section** and configure the following settings:

| Show Playlist Titles | Select to display playlist titles, which is the name of the playlists in IXM One. |
| --- | --- |
| Playlist Title Style | Style the playlist titles using font size, color, and more options. |
| Playlist Title Bottom Padding | Specify the bottom padding of the playlist titles in pixels. |
| Show Spot Title | Select to display spot titles, which is the name of the spots in IXM One. |
| Spot Title Style | Style the spot titles using font size, color, and more options. |
12. Select **Color** and configure the following settings:

| Even Background Color | Set a background color for even playlist sections. That is, the second, fourth, sixth section, etc. Click the color picker to select a color or enter a HEX code. |
| --- | --- |
| Even Playlist Title Color | Set a playlist title color for even playlists. Click the color picker to select a color or enter a HEX code. |
| Even Spot Title Color | Set a spot title color for even spots. Click the color picker to select a color or enter a HEX code. |
| Odd Background Color | Set a background color for odd playlist sections. That is, the first, third, fifth section, etc. Click the color picker to select a color or enter a HEX code. |
| Odd Playlist Color | Set a title color for odd playlists. Click the color picker to select a color or enter a HEX code. |
| Odd Spot Title Color | Set a spot title color for odd spots. Click the color picker to select a color or enter a HEX code. |
13. To finish the spot configuration, click **Save** and **Close**.

![](https://cdn.document360.io/e2b87f73-d9f5-43cb-8182-2641762664fd/Images/Documentation/spot_selector_configuration.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A21%3A38Z&se=2026-11-06T21%3A21%3A38Z&sr=c&sp=r&sig=HoRMrsX03c%2FLSCSj23%2FA1emYlwp7HSY5zYy6WUZJURE%3D)

## Transfer the Spot Selector spot to the player

> [!NOTE]
> Note
> 
> Make sure that event playlists are enabled in your program schedule settings.

To transfer the spot to the Android Player, follow these steps:

1. Go to **Channels > Program scheme**.
2. Under **Available playlists**, click **New**.
3. Create a new playlist as follows:
  - **Name**: Give the playlist a suitable name. We recommend "Skin" for easy identification.
  - **Type**: Select **General Playlist**.
  - **Content of playlist**: Select **Multimedia**.
4. Click **Save**.
5. Under **Program schemes**, select your program scheme.
6. Add the new playlist to your program scheme’s event playlists by dragging and dropping it.
7. Hover your mouse over the playlist and select **Edit**.
8. In the **Edit playlist properties** window, select the Event Properties tab.
9. As **Event type**, select **Once by ID**.
10. Under **Start event**, enter any event name, for example, "Skin".

The Spot Selector spot will now be transferred to the player and can then be used.