Slider - Revision history

Ghenne: /* Description */

2021-01-25T14:40:06Z

Description

← Older revision		Revision as of 14:40, 25 January 2021
Line 2:		Line 2:

	== Description ==		== Description ==

			'''This control is part of iWebKit, which has been deprecated.'''''

	The Slider control allows the input of a range of values between min and max. It can be horizontal or vertical. The result is returned as a string in value..		The Slider control allows the input of a range of values between min and max. It can be horizontal or vertical. The result is returned as a string in value..

Ghenne: /* Example */

2014-09-19T15:00:49Z

Example

← Older revision		Revision as of 15:00, 19 September 2014
Line 42:		Line 42:
	End Function		End Function

	'Change the color of the ~~track~~		'Change the color of the background at runtime
	$(Slider1~~).find(".ui-slider-track"~~).css("background-color","red")		$(Slider1).css("background-color","red")

	'Change the color of the slider		'Change the color of the track
	$(Slider1).find(".ui-slider-handle").css("background-color","blue")		$(Slider1).find(".ui-slider-track").css("background-color","red")

			'Change the color of the slider
			$(Slider1).find(".ui-slider-handle").css("background-color","blue")

	</pre>		</pre>

Ghenne: /* Example */

2014-09-19T14:59:49Z

Example

← Older revision		Revision as of 14:59, 19 September 2014
Line 41:		Line 41:
	Text1.value="Slider 2 changed to " & Slider2.value		Text1.value="Slider 2 changed to " & Slider2.value
	End Function		End Function

			'Change the color of the track
			$(Slider1).find(".ui-slider-track").css("background-color","red")

			'Change the color of the slider
			$(Slider1).find(".ui-slider-handle").css("background-color","blue")

	</pre>		</pre>

Ghenne at 18:59, 15 February 2014

2014-02-15T18:59:04Z

← Older revision		Revision as of 18:59, 15 February 2014
Line 1:		Line 1:
	[[file:~~SliderC~~.~~jpg~~]] ~~       [[file:SliderJ.jpg]]~~		[[file:Slider.png]]

	:::'''iWebKit                                      jQuery'''

	== Description ==		== Description ==

C185driver: /* Properties */

2014-01-01T12:10:01Z

Properties

← Older revision		Revision as of 12:10, 1 January 2014
Line 24:		Line 24:
	\| orientation \|\| Horizontal or vertical. (iWebKit only)		\| orientation \|\| Horizontal or vertical. (iWebKit only)
	\|-		\|-
	\| setValue \|\| Set the value of the slider (~~qJuery~~ Mobile)		\| setValue \|\| Set the value of the slider (jQuery Mobile)
	\|-		\|-
	\| step \|\| Increment steps between min and max. Integer. Default is 50.		\| step \|\| Increment steps between min and max. Integer. Default is 50.

Ghenne at 10:25, 24 October 2013

2013-10-24T10:25:14Z

← Older revision		Revision as of 10:25, 24 October 2013
Line 1:		Line 1:
	[[file:SliderC.jpg]]        [[file:SliderJ.jpg]]		[[file:SliderC.jpg]]        [[file:SliderJ.jpg]]

	:::'''~~Classic~~                                      jQuery'''		:::'''iWebKit                                      jQuery'''

	== Description ==		== Description ==
Line 7:		Line 7:
	The Slider control allows the input of a range of values between min and max. It can be horizontal or vertical. The result is returned as a string in value..		The Slider control allows the input of a range of values between min and max. It can be horizontal or vertical. The result is returned as a string in value..

	The ~~Classic~~ version is supported starting with iOS 5. The ~~Classic~~ version not supported on Android.		The iWebKit version is supported starting with iOS 5. The iWebKit version not supported on Android.

	To add a control to your app, choose the control’s icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need, then add functions to your code to respond to the events that come from the control: usually, just onclick.		To add a control to your app, choose the control’s icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need, then add functions to your code to respond to the events that come from the control: usually, just onclick.
Line 22:		Line 22:
	\| max \|\| The maximum value. Integer. Default is 100.		\| max \|\| The maximum value. Integer. Default is 100.
	\|-		\|-
	\| orientation \|\| Horizontal or vertical. (~~Classic~~ only)		\| orientation \|\| Horizontal or vertical. (iWebKit only)
	\|-		\|-
	\| setValue \|\| Set the value of the slider (qJuery Mobile)		\| setValue \|\| Set the value of the slider (qJuery Mobile)

Ghenne: /* Output */

2013-02-28T19:33:43Z

Output

← Older revision		Revision as of 19:33, 28 February 2013
Line 57:		Line 57:
	[[Category:jQuery Mobile]]		[[Category:jQuery Mobile]]

	[[Category:~~Classic~~]]		[[Category:iWebKit]]

Ghenne: /* Output */

2012-12-20T21:37:01Z

Output

← Older revision		Revision as of 21:37, 20 December 2012
Line 54:		Line 54:

	[[Category:Controls]]		[[Category:Controls]]

			[[Category:jQuery Mobile]]

			[[Category:Classic]]

Brendon at 16:23, 24 August 2012

2012-08-24T16:23:57Z

← Older revision		Revision as of 16:23, 24 August 2012
Line 52:		Line 52:

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

			[[Category:Controls]]

Brendon at 16:53, 17 August 2012

2012-08-17T16:53:03Z

← Older revision		Revision as of 16:53, 17 August 2012
Line 3:		Line 3:
	:::'''Classic                                      jQuery'''		:::'''Classic                                      jQuery'''

	~~'''~~Description~~'''~~		== Description ==

	The Slider control allows the input of a range of values between min and max. It can be horizontal or vertical. The result is returned as a string in value..		The Slider control allows the input of a range of values between min and max. It can be horizontal or vertical. The result is returned as a string in value..
Line 11:		Line 11:
	To add a control to your app, choose the control’s icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need, then add functions to your code to respond to the events that come from the control: usually, just onclick.		To add a control to your app, choose the control’s icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need, then add functions to your code to respond to the events that come from the control: usually, just onclick.

	~~'''~~Properties~~'''~~		== Properties ==

	Standard [[properties and methods\|properties]] are supported, plus:		Standard [[properties and methods\|properties]] are supported, plus:
Line 29:		Line 29:
	\|}		\|}

	~~'''~~Events~~'''~~		== Events ==

	Standard [[events]] are supported.		Standard [[events]] are supported.

	~~'''~~Example~~'''~~		== Example ==

	<pre>		<pre>
Line 45:		Line 45:
	</pre>		</pre>

	~~'''~~Output~~'''~~		== Output ==

	<pre>		<pre>
	“Slider 2 changed to 2”		“Slider 2 changed to 2”
	</pre>		</pre>

			[[Category:Language Reference]]