Button - Revision history

Ghenne at 13:37, 24 July 2019

2019-07-24T13:37:49Z

← Older revision		Revision as of 13:37, 24 July 2019
Line 114:		Line 114:
	Standard [[events\|events]] are supported. For this control, the onclick event will be most useful.		Standard [[events\|events]] are supported. For this control, the onclick event will be most useful.

	== Example ~~(Basic) ==~~		<tabber>
			JavaScript=
			<syntaxhighlight lang="JavaScript">
			//Button Example

	<~~pre~~>		Button1.onclick = function() {
			alert("Hello World");
			}
			</syntaxhighlight>
			\|-\|
			BASIC=
			<syntaxhighlight lang="vb.net">
	Rem Button Example		Rem Button Example

Line 122:		Line 131:
	Msgbox "Hello World"		Msgbox "Hello World"
	End Function		End Function
	</~~pre~~>		</syntaxhighlight>
			</tabber>
	~~== Example (JavaScript) ==~~
	~~<pre>~~
	~~//Button Example~~

	~~Button1.onclick = function() {~~
	~~alert("Hello World");~~
	}
	</~~pre~~>

	== Output ==		== Output ==

2019-07-24T13:36:33Z

Example (JavaScript)

← Older revision		Revision as of 13:36, 24 July 2019
Line 130:		Line 130:
	Button1.onclick = function() {		Button1.onclick = function() {
	alert("Hello World");		alert("Hello World");
	}

	~~Form1.onshow = function() {~~
	~~Button1.text="I'm an iWebKit button";~~
	~~$("#Button2 .ui-btn-text").text("I'm a jQuery button ");~~
	~~Button3.value="I'm a jqWidgets button";~~
	}		}
	</pre>		</pre>

2019-07-24T13:36:03Z

Undo revision 10496 by Ghenne (talk)

← Older revision		Revision as of 13:36, 24 July 2019
Line 114:		Line 114:
	Standard [[events\|events]] are supported. For this control, the onclick event will be most useful.		Standard [[events\|events]] are supported. For this control, the onclick event will be most useful.

	== Example ==		== Example (Basic) ==

	<~~tabber~~>		<pre>
	JavaScript=		Rem Button Example
	<~~syntaxhighlight lang="JavaScript"~~>
			Function Button1_onclick()
			Msgbox "Hello World"
			End Function
			</pre>

			== Example (JavaScript) ==
			<pre>
	//Button Example		//Button Example

Line 129:		Line 136:
	$("#Button2 .ui-btn-text").text("I'm a jQuery button ");		$("#Button2 .ui-btn-text").text("I'm a jQuery button ");
	Button3.value="I'm a jqWidgets button";		Button3.value="I'm a jqWidgets button";
	}~~</syntaxhighlight>~~		}
	~~\|-\|~~		</pre>
	~~BASIC=~~
	~~<syntaxhighlight lang="vb.net">~~
	~~Rem Button Example~~

	~~Function Button1_onclick()~~
	~~Msgbox "Hello World"~~
	~~End Function</syntaxhighlight>~~
	</~~tabber~~>

	== Output ==		== Output ==

2019-07-24T13:34:26Z

← Older revision		Revision as of 13:34, 24 July 2019
Line 114:		Line 114:
	Standard [[events\|events]] are supported. For this control, the onclick event will be most useful.		Standard [[events\|events]] are supported. For this control, the onclick event will be most useful.

	== Example ~~(Basic)~~ ==		== Example ==

	<~~pre~~>		<tabber>
	~~Rem Button Example~~		JavaScript=
			<syntaxhighlight lang="JavaScript">
	~~Function Button1_onclick()~~
	~~Msgbox "Hello World"~~
	~~End Function~~
	<~~/pre>~~

	=~~= Example (~~JavaScript~~) ==~~
	~~<pre~~>
	//Button Example		//Button Example

Line 136:		Line 129:
	$("#Button2 .ui-btn-text").text("I'm a jQuery button ");		$("#Button2 .ui-btn-text").text("I'm a jQuery button ");
	Button3.value="I'm a jqWidgets button";		Button3.value="I'm a jqWidgets button";
	}		}</syntaxhighlight>
	</~~pre~~>		\|-\|
			BASIC=
			<syntaxhighlight lang="vb.net">
			Rem Button Example

			Function Button1_onclick()
			Msgbox "Hello World"
			End Function</syntaxhighlight>
			</tabber>

	== Output ==		== Output ==

2019-03-09T22:09:07Z

2016-01-22T22:12:38Z

Description

← Older revision		Revision as of 22:12, 22 January 2016
Line 80:		Line 80:
	2. Add your icon to the project. Dragging into the Project Explorer is fine. The icon should be 16x16.		2. Add your icon to the project. Dragging into the Project Explorer is fine. The icon should be 16x16.

	3. Add this code to the styleheaders property in Project Properties:		3. Add this code to the styleheaders property in [[Properties Window\|Project Properties]]:
	<pre>		<pre>
	#Button1:after {background-image: url("icon_16x16.png")}		#Button1:after {background-image: url("icon_16x16.png")}

2015-10-07T11:50:11Z

Custom Icons

← Older revision		Revision as of 11:50, 7 October 2015
Line 80:		Line 80:
	2. Add your icon to the project. Dragging into the Project Explorer is fine. The icon should be 16x16.		2. Add your icon to the project. Dragging into the Project Explorer is fine. The icon should be 16x16.

	3. Add this code to ~~your project globally~~:		3. Add this code to the styleheaders property in Project Properties:
	<pre>		<pre>
	~~Style~~		#Button1:after {background-image: url("icon_16x16.png")}
	#Button1:after { background-~~Image~~: url("icon_16x16.png")}
	~~End Style~~
	</pre>		</pre>
	The first word should be the name of the control with a # in front of it.		The first word should be the name of the control with a # in front of it.

2015-10-07T11:49:07Z

Custom Icons

← Older revision		Revision as of 11:49, 7 October 2015
Line 86:		Line 86:
	End Style		End Style
	</pre>		</pre>
	The first word ~~on the second line~~ should be the name of the control with a # in front of it.		The first word should be the name of the control with a # in front of it.

	== Properties and Methods ==		== Properties and Methods ==

2015-03-05T13:32:25Z

Description

← Older revision		Revision as of 13:32, 5 March 2015
Line 21:		Line 21:

	<pre>		<pre>
	~~$("#Button2 .ui-btn-text").text("New Value") 'jQuery Mobile 1.3~~
	Button2.text = "New Value" 'jQuery Mobile 1.4		Button2.text = "New Value" 'jQuery Mobile 1.4
	Button3.value = "New Value" 'jQWidgets		Button3.value = "New Value" 'jQWidgets
Line 29:		Line 28:

	<pre>		<pre>
	~~$("#Button1 .ui-btn-text").css("font-size", "12px") 'jQuery Mobile 1.3~~
	$(Button1).css("font-size", "12px") 'jQuery Mobile 1.4		$(Button1).css("font-size", "12px") 'jQuery Mobile 1.4
	$(Button1).css("font-size", "50px"); 'jqWidgets		$(Button1).css("font-size", "50px"); 'jqWidgets

2014-10-06T14:58:36Z

Description

← Older revision		Revision as of 14:58, 6 October 2014
Line 11:		Line 11:
	To get rid of the white text shadowing when displaying on coloured backgrounds, put <code>text-shadow:none;</code> in the control's style property.		To get rid of the white text shadowing when displaying on coloured backgrounds, put <code>text-shadow:none;</code> in the control's style property.

	To customize a button, you may change the theme using [~~http://blog.nsbasic.com/2012/10/creating-your-own-jquery-mobile-themes/~~ ThemeRoller].		To customize a button, you may change the theme using [[ThemeRoller]].

	When using AppStudio 4 with jQuery Mobile 1.4 on old Android devices (Android OS 2.x), the built in icons will not appear. To fix this, add the following to the manifest property of your project. If your button uses theme 'b', change 'white' to 'black'.		When using AppStudio 4 with jQuery Mobile 1.4 on old Android devices (Android OS 2.x), the built in icons will not appear. To fix this, add the following to the manifest property of your project. If your button uses theme 'b', change 'white' to 'black'.