Collapsible - Revision history

Ghenne: /* Events */

2018-04-10T12:59:53Z

Events

← Older revision		Revision as of 12:59, 10 April 2018
Line 39:		Line 39:

	== Events ==		== Events ==
			{\| class="wikitable"
			\|-
			\| oncollapsiblecollapse \|\| Called when collapsible is closed.
			\|-
			\| oncollapsibleexpand \|\| Called when collapsible is expanded.
			\|}

	== Example ==		== Example ==

C185driver: /* Example */

2018-04-07T23:43:40Z

Example

@@ Line 47: / Line 47: @@
 <pre>
 Collapsible2.addChild(Button1)
 </pre>

Ghenne: /* Properties */

2017-12-31T19:13:47Z

Properties

← Older revision		Revision as of 19:13, 31 December 2017
Line 29:		Line 29:
	\| expanded \|\| Show control initially expanded		\| expanded \|\| Show control initially expanded
	\|-		\|-
	\| heading \|\| Heading which shows all the time		\| heading \|\| Heading which shows all the time. Can be text or HTML.
	\|-		\|-
	\| headingTheme \|\| Theme: a-z. a is normal, b is black and others custom. False for no theme.		\| headingTheme \|\| Theme: a-z. a is normal, b is black and others custom. False for no theme.

Ghenne: /* Properties */

2017-07-19T13:46:54Z

Properties

← Older revision		Revision as of 13:46, 19 July 2017
Line 23:		Line 23:
	\| color \|\| Color of letters. Can be name, #RRGGBB or rgb(R,G,B)		\| color \|\| Color of letters. Can be name, #RRGGBB or rgb(R,G,B)
	\|-		\|-
	\| content \|\|Content of the control		\| content \|\|Content of the control. HTML supported.
	\|-		\|-
	\| contentTheme \|\| Theme: a-z. a is normal, b is black and others custom. False for no theme.		\| contentTheme \|\| Theme: a-z. a is normal, b is black and others custom. False for no theme.

Ghenne: /* Example */

2017-05-15T20:25:16Z

Example

← Older revision		Revision as of 20:25, 15 May 2017
Line 43:		Line 43:

	See Collapsible sample in Samples/2. Controls/jQuery Mobile.		See Collapsible sample in Samples/2. Controls/jQuery Mobile.

			Adding a control to a Collapsible at run time:
			<pre>
			Collapsible2.addChild(Button1)
			</pre>

	[[Category:Language Reference]]		[[Category:Language Reference]]

Ghenne: /* Properties */

2016-11-05T12:14:48Z

Properties

← Older revision		Revision as of 12:14, 5 November 2016
Line 16:		Line 16:
	{\| class="wikitable"		{\| class="wikitable"
	{\| class="wikitable"		{\| class="wikitable"
			\|-
			\| addChild(''control'') \|\| ''control'' is added to the Control. Runtime.
	\|-		\|-
	\| backgroundColor \|\| Color of background. Can be name, #RRGGBB, rgb(R,G,B) or transparent.		\| backgroundColor \|\| Color of background. Can be name, #RRGGBB, rgb(R,G,B) or transparent.

Ghenne: /* Description */

2016-11-05T12:14:12Z

Description

← Older revision		Revision as of 12:14, 5 November 2016
Line 8:		Line 8:

	To add a Collapsible to your app, choose the Collapsible icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need.		To add a Collapsible to your app, choose the Collapsible icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need.

			Children can be added at Design Time by dragging them on to the Collapsible control in the Design Screen. At runtime, use the addChild() function.

	== Properties ==		== Properties ==

Ghenne: /* Example */

2015-04-12T14:03:10Z

Example

← Older revision		Revision as of 14:03, 12 April 2015
Line 38:		Line 38:
	== Example ==		== Example ==

	~~Open Form2~~ in ~~a Panel~~		See Collapsible sample in Samples/2. Controls/jQuery Mobile.
	~~<pre>~~
	~~Panel2~~.~~open(Form2)~~
	</~~pre>~~

	~~See above for output~~.

	[[Category:Language Reference]]		[[Category:Language Reference]]

Ghenne: /* Description */

2015-04-12T14:01:24Z

Description

← Older revision		Revision as of 14:01, 12 April 2015
Line 5:		Line 5:
	== Description ==		== Description ==

	~~The Collapsible control displays HTML~~ or ~~a Form~~ in a ~~panel that floats on top~~ of ~~the current form. It can be animated to appear from the left or right~~.		Collapsibles are simple widgets that allow you to expand or collapse content when tapped and are useful in mobile to provide a compact presentation of content.

	To add a Collapsible to your app, choose the Collapsible icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need.		To add a Collapsible to your app, choose the Collapsible icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need.

	If a form is opened in a Panel, NSBCurrentForm is set to the new form and the form's onshow() function is called. When the Panel is closed, the onhide() function is called and NSBCurrentForm is set to the previous form. The size of the form is adjusted to be equal the size of the panel.

	== Properties ==		== Properties ==

Ghenne: /* Properties */

2015-04-12T14:00:27Z

Properties

← Older revision		Revision as of 14:00, 12 April 2015
Line 14:		Line 14:

	Standard [[properties and methods\|properties]] are supported, plus:		Standard [[properties and methods\|properties]] are supported, plus:
			{\| class="wikitable"
	{\| class="wikitable"		{\| class="wikitable"
	\|-		\|-
	\| ~~animate~~ \|\| ~~Sets whether the panel will animate when opening and closing~~. ~~If set to false~~, ~~the panel will just appear and disappear without animation. This is recommended for fastest performance. Design time~~.		\| backgroundColor \|\| Color of background. Can be name, #RRGGBB, rgb(R,G,B) or transparent.
	\|-		\|-
	\| ~~close()~~ \|\| ~~Closes panel. Runtime~~.		\| color \|\| Color of letters. Can be name, #RRGGBB or rgb(R,G,B)
	\|-		\|-
	\| ~~dismissable~~ \|\| ~~Sets whether~~ the ~~panel can be closed by clicking outside onto the page. Design time.~~		\| content \|\|Content of the control
	\|-		\|-
	\| ~~display~~ \|\| ~~The relationship of the panel to the page contents~~. ~~Default~~ is ~~'reveal: the panel will sit under the page~~ and ~~reveal as the page slides away~~. ~~'overlay"~~ for ~~the panel to appear on top of the page contents. "push" animates both the panel and page at the same time. Design time~~.		\| contentTheme \|\| Theme: a-z. a is normal, b is black and others custom. False for no theme.
	\|-		\|-
	\| ~~open([''form''])~~ \|\| ~~Opens ''form'' in the panel. If ''form'' is blank, uses contents of text property. Runtime.~~		\| expanded \|\| Show control initially expanded
	\|-		\|-
	\| ~~positionFixed~~ \|\| ~~Sets whether~~ the ~~panel has fixed positioning so the contents are in view even if the page is scrolled down. This also allows the page to scroll while the panel stays fixed. Design~~ time.		\| heading \|\| Heading which shows all the time
	\|-		\|-
	\| ~~previousForm~~ \|\| ~~A reference to the form which will be returned to when the panel~~ is ~~closed~~. ~~Runtime~~.		\| headingTheme \|\| Theme: a-z. a is normal, b is black and others custom. False for no theme.
	\|-		\|-
	\| ~~text~~ \|\| ~~The text to display on the form. Can be HTML. Leave blank if using Form1.open(Form2). Design time~~.		\| iconPos \|\| Icon Position
			\|-
			\| mini \|\| Show smaller version of control.
	\|}		\|}