Appboard/old/widgets/marquee - Revision history

imported>Jason.nicholls at 11:41, 17 July 2014

2014-07-17T11:41:23Z

← Older revision		Revision as of 11:41, 17 July 2014
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:

imported>Jason.nicholls: moved Marquee Widget to appboard/old/widgets/marquee

2014-07-17T11:36:59Z

moved Marquee Widget to appboard/old/widgets/marquee

← Older revision	Revision as of 11:36, 17 July 2014
(No difference)

imported>Jason.nicholls: /* How To Create a Marquee Widget */

2014-07-17T07:03:11Z

How To Create a Marquee Widget

← Older revision		Revision as of 07:03, 17 July 2014
Line 9:		Line 9:


	For instructions on creating a Widget, see the general instructions in [[~~Widgets~~#Adding_Widgets\|Adding Widgets]]. The <b>Marquee</b> Widget type is located under the <b>Communications</b> category on the Widget selection screen.		For instructions on creating a Widget, see the general instructions in [[appboard/old/widgets#Adding_Widgets\|Adding Widgets]]. The <b>Marquee</b> Widget type is located under the <b>Communications</b> category on the Widget selection screen.


	== How To Configure a Marquee Widget ==		== How To Configure a Marquee Widget ==

imported>Jason.nicholls: /* How To Configure a Marquee Widget */

2014-07-17T04:19:30Z

How To Configure a Marquee Widget

← Older revision		Revision as of 04:19, 17 July 2014
Line 26:		Line 26:
	#* <b>Font Style</b>: Select the style of the Marquee.		#* <b>Font Style</b>: Select the style of 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.
	# Provide additional configuration on the <b>Options</b> tab. For details on the available Options, see [[~~Options~~\|Options]].		# Provide additional configuration on the <b>Options</b> tab. For details on the available Options, see [[appboard/old/options\|Options]].
	# 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 [[appboard/old/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>Finish</b>.		# Click <b>Finish</b>.
	# In the <b>Builder Modes</b> panel, select <b>Builder</b> and navigate to the appropriate Board to observe the new Marquee Widget.		# In the <b>Builder Modes</b> panel, select <b>Builder</b> and navigate to the appropriate Board to observe the new Marquee Widget.
Line 36:		Line 36:

	{{Tip\|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.}}		{{Tip\|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 ==		== Sample Data ==

imported>Jason.nicholls at 19:22, 8 July 2013

2013-07-08T19:22:24Z

← Older revision		Revision as of 19:22, 8 July 2013
Line 33:		Line 33:


	[[Image:~~marqueeSample~~.png\|thumb\|center\|700px\|A Sample Marquee Widget]]		[[Image:MarqueeSample.png\|thumb\|center\|700px\|A Sample Marquee Widget]]

			{{Tip\|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 ==		== Sample Data ==

imported>Cmace: copied from internal

2013-01-02T20:01:04Z

copied from internal

← Older revision		Revision as of 20:01, 2 January 2013
Line 19:		Line 19:
	#* <b>Data collection</b>: Select the name of the Data Collection that will provide the data to be displayed in the Marquee.		#* <b>Data collection</b>: 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.		#: Note: For convenience, buttons are provided for Adding, Editing, or Previewing a Data Collection.
	#* <b>~~Text~~ Field</b>: Select the field in the Data Collection that is providing the text to be displayed in the Marquee.		#* <b>Value Field</b>: Select the field in the Data Collection that is providing the text to be displayed in the Marquee.
	#* <b>~~Text~~ Color</b>: Select the font color to be used for the text in the Marquee.		#* <b>Value Color</b>: 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.
			#* <b>Value Background Color</b>: Select the text background color to be used in the Marquee. The Alpha number can be adjusted to determine the color's opacity.
			#* <b>Delay</b>: Adjust the delay value to determine the speed of the moving text.
			#* <b>Value Format</b>: Select <i>Show Label and Value</i> to display the data category label followed by the value, or select <i>Show Value Only</i> to only display the value.
			#* <b>Font Style</b>: Select the style of 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.
	# Provide additional configuration on the <b>Options</b> tab. For details on the available Options, see [[Options\|Options]].		# Provide additional configuration on the <b>Options</b> tab. For details on the available Options, see [[Options\|Options]].

imported>Cmace: changed options section

2012-05-03T16:17:36Z

changed options section

← Older revision		Revision as of 16:17, 3 May 2012
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.

imported>Cmace: copied from internalwiki

2012-03-29T18:18:19Z

copied from internalwiki

New page

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 [[Widgets#Adding_Widgets|Adding Widgets]]. The Marquee Widget type is located under the Communications category on the Widget selection screen.

== How To Configure a Marquee Widget ==

# Follow the instructions above to create the basic "Marquee" Widget.
# 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.
# Click Next to proceed to the Options tab.
# Enter the following information on the Options tab:
## [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 Next to proceed to the Actions tab.
# Click Add Event Action 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 Finish.
# In the Builder Modes panel, select Builder and navigate to the appropriate Board to observe the new Marquee Widget.

[[Image:marqueeSample.png|thumb|center|700px|A Sample Marquee Widget]]

== Sample Data ==

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

# Follow the instruction on the [[Sample_Chart_Data|Sample Chart Data]] page to create sample Data Collections.
# Select any of the Data Collections to use as the Data Collection for the Marquee Widget.
# Select any field in the Data Collection to use as the Text Field for the Marquee Widget.