Appboard/old/widgets/marquee: Difference between revisions

imported>Cmace
(copied from internalwiki)
 
imported>Cmace
(changed options section)
Line 22: Line 22:
#* <b>Text Color</b>: Select the font color to be used for the text in the Marquee.
#* <b>Text Color</b>: Select the font color to be used for the text in the Marquee.
# Click <b>Next</b> to proceed to the <b>Options</b> tab.
# Click <b>Next</b> to proceed to the <b>Options</b> tab.
# Enter the following information on the <b>Options</b> tab:
# Provide additional configuration on the <b>Options</b> tab. For details on the available Options, see [[Options|Options]].
## [Optional] Configure the [[Option_Show_Search_Text|Show Search Text]] Option.
## [Optional] Configure the [[Option_Use_Filter|Use Filter]] Option.
## [Optional] Configure the [[Option_Configure_Alternative_Widget|Configure Alternative Widget]] Option.
## [Optional] Configure the [[Option_Help|Help]] Option.
# Click <b>Next</b> to proceed to the <b>Actions</b> tab.
# Click <b>Next</b> to proceed to the <b>Actions</b> tab.
# Click <b>Add Event Action</b> to configure one or more [[Actions|Actions]] to be invoked when a user clicks on the Marquee Widget.  The action will apply to the current data record being displayed.
# Click <b>Add Event Action</b> to configure one or more [[Actions|Actions]] to be invoked when a user clicks on the Marquee Widget.  The action will apply to the current data record being displayed.

Revision as of 16:17, 3 May 2012

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.
    • Text Field: Select the field in the Data Collection that is providing the text to be displayed in the Marquee.
    • Text Color: Select the font color to be used for the text in 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

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.