AppSuite:Wizard framework - Revision history

Khgras: Replaced content with "The content on this page has moved to https://documentation.open-xchange.com/latest/ui/components/guided-tours.html Note: Open-Xchange is in the process of migrating all..."

2017-05-22T09:15:32Z

Replaced content with "The content on this page has moved to https://documentation.open-xchange.com/latest/ui/components/guided-tours.html Note: Open-Xchange is in the process of migrating all..."

Show changes

Matthias.biggeleben: /* API */

2015-08-10T09:04:08Z

API

← Older revision		Revision as of 09:04, 10 August 2015
Line 102:		Line 102:
	\| Shows a darker backdrop. Default is true.		\| Shows a darker backdrop. Default is true.
	\|-		\|-
	\| waitFor(selector)		\| waitFor(selector, [timeout])
	\| The step waits for a certain element to exist before showing the popup.		\| The step waits for a certain element to exist before showing the popup. Optional: Use a custom timeout. Default is 5 seconds.
	\|-		\|-
	\| navigateTo(id, [options])		\| navigateTo(id, [options])

Matthias.biggeleben: /* Events */

2015-08-10T09:01:28Z

Events

← Older revision		Revision as of 09:01, 10 August 2015
Line 160:		Line 160:
	\| hide		\| hide
	\| Triggered when the step is hidden		\| Triggered when the step is hidden
			\|-
			\| before:navigate
			\| Triggered before the step navigates to another app
			\|-
			\| navigate
			\| Triggered after the step has navigated to another app
	\|-		\|-
	\| wait		\| wait

Matthias.biggeleben: /* Events */

2015-08-10T09:00:12Z

Events

@@ Line 125: / Line 125: @@
 |-
 !colspan="2"|Wizard/Tour
 |-
 | before:start
@@ Line 149: / Line 137: @@
 | stop
 | Triggered when the wizard or the tour has been closed
 |-
 !colspan="2"|Step
@@ Line 169: / Line 160: @@
 | hide
 | Triggered when the step is hidden
 |}

Matthias.biggeleben: /* API */

2015-07-23T09:58:50Z

API

← Older revision		Revision as of 09:58, 23 July 2015
Line 96:		Line 96:
	\|-		\|-
	\| hotspot(selector, options)		\| hotspot(selector, options)
			or hotspot(array)
	\| Places a hotspot on top left corner of given element; options can define "top" and "left" to adjust the position (pixel values). The API also support multiple hotspots: hotspot(array) with array containing selectors (string) or array of [selector, options].		\| Places a hotspot on top left corner of given element; options can define "top" and "left" to adjust the position (pixel values). The API also support multiple hotspots: hotspot(array) with array containing selectors (string) or array of [selector, options].
	\|-		\|-

Matthias.biggeleben: /* API */

2015-07-23T09:58:10Z

API

← Older revision		Revision as of 09:58, 23 July 2015
Line 96:		Line 96:
	\|-		\|-
	\| hotspot(selector, options)		\| hotspot(selector, options)
	\| Places a hotspot on top left corner of given element; options can define "top" and "left" to adjust the position (pixel values).		\| Places a hotspot on top left corner of given element; options can define "top" and "left" to adjust the position (pixel values). The API also support multiple hotspots: hotspot(array) with array containing selectors (string) or array of [selector, options].
	\|-		\|-
	\| modal([state])		\| modal([state])

Matthias.biggeleben: /* Screenshot */

2015-07-22T13:33:41Z

Screenshot

← Older revision		Revision as of 13:33, 22 July 2015
Line 42:		Line 42:

	Basic popup		Basic popup

	[[File:Wizard_example_popup.png\|500px\|frameless]]		[[File:Wizard_example_popup.png\|500px\|frameless]]

	Step with hotspot		Step with hotspot

	[[File:Wizard-hotspot.png\|799px\|frameless]]		[[File:Wizard-hotspot.png\|799px\|frameless]]

Matthias.biggeleben: /* Screenshot */

2015-07-22T13:33:25Z

Screenshot

← Older revision		Revision as of 13:33, 22 July 2015
Line 41:		Line 41:
	=== Screenshot ===		=== Screenshot ===

	[[File:Wizard_example_popup.png\|500px\|frameless~~\|Basic popup~~]]		Basic popup
			[[File:Wizard_example_popup.png\|500px\|frameless]]

	[[File:Wizard-hotspot.png\|799px\|frameless~~\|Step with hotspot~~]]		Step with hotspot
			[[File:Wizard-hotspot.png\|799px\|frameless]]

	=== API ===		=== API ===

Matthias.biggeleben: /* Screenshot */

2015-07-22T13:32:58Z

Screenshot

← Older revision		Revision as of 13:32, 22 July 2015
Line 41:		Line 41:
	=== Screenshot ===		=== Screenshot ===

	[[File:Wizard_example_popup.png\|500px\|~~frame~~\|Basic popup]]		[[File:Wizard_example_popup.png\|500px\|frameless\|Basic popup]]

	[[File:Wizard-hotspot.png\|799px\|~~frame~~\|Step with hotspot]]		[[File:Wizard-hotspot.png\|799px\|frameless\|Step with hotspot]]

	=== API ===		=== API ===

Matthias.biggeleben: /* Screenshot */

2015-07-22T13:31:36Z

Screenshot

← Older revision		Revision as of 13:31, 22 July 2015
Line 41:		Line 41:
	=== Screenshot ===		=== Screenshot ===

	[[File:Wizard_example_popup.png\|~~frameless~~\|~~500px~~]]		[[File:Wizard_example_popup.png\|500px\|frame\|Basic popup]]

			[[File:Wizard-hotspot.png\|799px\|frame\|Step with hotspot]]

	=== API ===		=== API ===