This widget creates tickers with text elements that scroll or fade horizontally. This widget enables you to display any length of text continuously, with options to customize ticker direction and spacing.
This ticker is optimized for HTML5 accelerated devices, utilizing the accelerated HTML rendering layer of a device for smoother ticker animations.
A HTML5 Text Ticker widget is commonly used for:
- Displaying textual content that will not usually fit within the physical constraints of a screen display.
- Devices that support HTML rendering, include the DMP 4310 and Edge 300.
- Dynamic effect – present smoothly animated plain textual content in an eye-catching format that draws viewers gaze to the information on-screen.
This article provides the instructions to add and configure a Text ticker widget.
Adding a Text Ticker Widget
To add a Text Ticker widget to your advanced channel, follow the instructions in the Adding Widgets section in the Widget: Add Widget to Advanced Channel article and select the Text Ticker widget in the Widget Library.
Configuring a Text Ticker Widget
To configure a Text Ticker widget’s properties, please follow the instructions below:
-
In your advanced channel layout, click the Text Ticker widget under the Widgets section.
-
In the Widget Properties window, configure the common tabs as per this article: Widget: Configure Widget Properties.
-
In the Widget Properties window, click the APPEARANCE tab, and edit the PROPERTIES section as per description below:
- Item Spacing: The space between each Text item in the ticker feed.
- Ticker Speed: The speed of the text moving in the feed.
- Ticker Direction: The direction of the movement of the ticker feed.
-
Edit the FONT section, by selecting or customizing the font size.
If you choose to define a custom size that is measured based on pixels, select the Custom option from the Size drop-down menu to define the pixel size of your font.
Adding Content To A Text Ticker
-
In the Widget Properties window, click the CONTENT tab.
-
Click the Add Ticker button, enter in the desired text into the text field, and click Save.
NoteThe Order column enables you to determine the sequence in which the texts are to be displayed, in numerically-descending order. At any point in time, you are able to assign a number to a text for its position in the sequence of ticker items.
Editing A Text Ticker Item
-
In the Widget Properties window, click the CONTENT tab.
-
Click the Edit link, and make the necessary changes. Click Save.
Editing Content
Editing content is similar to adding content to the Table Listing widget. Follow these steps to edit existing content in the widgets’ workbook.
-
In the Widget Properties window, click the CONTENT tab.
-
Click the cell containing the data to be edited in the workbook, and make the necessary changes. Press Enter on the keyboard or click on any other area in the table to confirm the changes.
Alternatively, you can also edit the name of a workbook. Just select the appropriate tab and click Rename. Click the Submitbutton to confirm the name change.
-
Click Apply at the top right corner of the page to save the changes. Click OK in the Workbook dialog box. Once you have completed all the changes, click close window and the system will return to the main advanced channel page.
Removing a Text Ticker Item
-
In the Widget Properties window, click the CONTENT tab.
-
Click the Delete link, and click OK to confirm. Click Save
NoteThe checkboxes to the left of each ticker item allows you to choose which text to display. Simply leave an item unchecked for the text to remain in the ticker text list, without having to delete it altogether.
Known Issues
Text in the Text Ticker widget is visually truncated when displayed in Appspace App. This is due to a browser limitation, when the text exceeds the HTML component width limit.
A workaround is to add the following custom widget property:
Widget Property | Value | Description |
---|---|---|
custom.ticker.render.type | single | Displays 1 RSS item at a time |
custom.ticker.render.type | multiple | Displays multiple RSS items at a time |