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

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 the IXM Platform, 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.

Upload the Spot Selector spot

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

1. In the IXM Platform, 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.

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 the IXM Platform, 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 the IXM Platform.
    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 the IXM Platform.
    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.