Appboard/old/widgets/marquee: Difference between revisions

imported>Jason.nicholls
imported>Jason.nicholls
No edit summary
 
Line 1: Line 1:
{{DISPLAYTITLE:Marquee Widget}}
[[Category:AppBoard old]]
The Marquee Widget provides a scrolling ticker for showing information in a dynamic and animated banner display.  The concept of the Marquee Widget is similar to the HTML "marquee" tag as demonstrated below:
The Marquee Widget provides a scrolling ticker for showing information in a dynamic and animated banner display.  The concept of the Marquee Widget is similar to the HTML "marquee" tag as demonstrated below:



Latest revision as of 11:41, 17 July 2014

The Marquee Widget provides a scrolling ticker for showing information in a dynamic and animated banner display. The concept of the Marquee Widget is similar to the HTML "marquee" tag as demonstrated below:


<marquee behavior="scroll" direction="left">Here is an example of text presented in a scrolling Marquee</marquee>


How To Create a Marquee Widget

For instructions on creating a Widget, see the general instructions in Adding Widgets. The Marquee Widget type is located under the Communications category on the Widget selection screen.

How To Configure a Marquee Widget

  1. Follow the instructions above to create the basic "Marquee" Widget.
  2. Enter the following information on the Data tab:
    • Data collection: Select the name of the Data Collection that will provide the data to be displayed in the Marquee.
    Note: For convenience, buttons are provided for Adding, Editing, or Previewing a Data Collection.
    • Value Field: Select the field in the Data Collection that is providing the text to be displayed in the Marquee.
    • Value Color: Select the font color to be used for the text in the Marquee. The Alpha number can be adjusted to determine the color's opacity.
    • Value Background Color: Select the text background color to be used in the Marquee. The Alpha number can be adjusted to determine the color's opacity.
    • Delay: Adjust the delay value to determine the speed of the moving text.
    • Value Format: Select Show Label and Value to display the data category label followed by the value, or select Show Value Only to only display the value.
    • Font Style: Select the style of the Marquee.
  3. Click Next to proceed to the Options tab.
  4. Provide additional configuration on the Options tab. For details on the available Options, see Options.
  5. Click Next to proceed to the Actions tab.
  6. Click Add Event Action to configure one or more Actions to be invoked when a user clicks on the Marquee Widget. The action will apply to the current data record being displayed.
  7. Click Finish.
  8. In the Builder Modes panel, select Builder and navigate to the appropriate Board to observe the new Marquee Widget.


A Sample Marquee Widget
Template-tip.png
Users should be notified that they can pause the Marquee from scrolling at any time by mouse-over (moving the pointer on to the Widget area). This can be helpful if there is critical information that they need to process before it scrolls out of the display.

Sample Data

Perform the following steps to create a Marquee Widget using sample data provided with Appboard:


  1. Follow the instruction on the Sample Chart Data page to create sample Data Collections.
  2. Select any of the Data Collections to use as the Data Collection for the Marquee Widget.
  3. Select any field in the Data Collection to use as the Text Field for the Marquee Widget.