Textarea (Bootstrap) - Revision history

Ghenne: /* Properties and Methods */

2019-11-18T23:07:31Z

Properties and Methods

← Older revision		Revision as of 23:07, 18 November 2019
Line 31:		Line 31:
	\|-		\|-
	\| header \|\| An optional message at the bottom of the list of items. Design Time and Runtime.		\| header \|\| An optional message at the bottom of the list of items. Design Time and Runtime.
			\|-
			\| height \|\| Best left as auto. Use the rows property to set the height. Design Time and Runtime.
	\|-		\|-
	\| icon \|\| An optional [http://getbootstrap.com/components/#glyphicons icon] to appear at the top of the list. Design Time and Runtime.		\| icon \|\| An optional [http://getbootstrap.com/components/#glyphicons icon] to appear at the top of the list. Design Time and Runtime.
Line 42:		Line 44:
	\| required \|\| If set to “True”, the field requires a value when the form is submitted. Design time only.		\| required \|\| If set to “True”, the field requires a value when the form is submitted. Design time only.
	\|-		\|-
	\| rows \|\| Maximum number of rows to display. Design time only.		\| rows \|\| Maximum number of rows to display. Use this instead of the height property. Design time only.
	\|-		\|-
	\| setSelectionRange(start, end) \|\| Selects a range of characters. The first character starts at 0. Runtime only.		\| setSelectionRange(start, end) \|\| Selects a range of characters. The first character starts at 0. Runtime only.

Ghenne: /* Description */

2019-11-18T23:06:25Z

Description

← Older revision		Revision as of 23:06, 18 November 2019
Line 8:		Line 8:

	Note that Textarea (Bootstrap) does not have .text property. Use .value to get the value of the control.		Note that Textarea (Bootstrap) does not have .text property. Use .value to get the value of the control.

			Do not set the height property of the control. It's best left to auto. Instead, use the rows property to define the height in number of rows of text to display.

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

Ghenne at 15:35, 10 March 2019

2019-03-10T15:35:06Z

← Older revision		Revision as of 15:35, 10 March 2019
Line 53:		Line 53:
	Standard [[events\|events]] are supported. For this control, the onfocusout event will be useful. It gets called when the user changes the focus to another field.		Standard [[events\|events]] are supported. For this control, the onfocusout event will be useful. It gets called when the user changes the focus to another field.

	== ~~Examples (Basic)~~ ==		== Example ==
	~~Call a function when user is done editing field.~~
	~~<pre>~~
	~~Function Textarea1_onfocusout()~~
	~~MsgBox "Value is " & Textarea1.value~~
	~~End Function~~
	~~</pre>~~

	~~Change the height at runtime~~		<tabber>
	<~~pre~~>		JavaScript=
	~~Textarea1_contents.style.height~~ = ~~"100%"~~		<syntaxhighlight lang="JavaScript">
	~~Textarea1_contents.style.height~~ = "~~calc(100% - 20px)~~" ~~'if there is a header~~		// JavaScript
	</~~pre>~~

	~~== Examples (JavaScript) ==~~		// Call a function when user is done editing field.
	Call a function when user is done editing field.
	~~<pre>~~
	Textarea1.onfocusout = function() {		Textarea1.onfocusout = function() {
	NSB.MsgBox("Value is " + Textarea1.value);		NSB.MsgBox("Value is " + Textarea1.value);
	};		};
	~~</pre>~~

	Change the height at runtime		// Change the height at runtime
	~~<pre>~~
	Textarea1_contents.style.height = "100%";		Textarea1_contents.style.height = "100%";
	Textarea1_contents.style.height = "calc(100% - 20px)"; //if there is a header		Textarea1_contents.style.height = "calc(100% - 20px)"; //if there is a header
	</pre>		</syntaxhighlight>
			\|-\|
			BASIC=
			<syntaxhighlight lang="vb.net">
			' Basic

			' Call a function when user is done editing field.
			Function Textarea1_onfocusout()
			MsgBox "Value is " & Textarea1.value
			End Function

			' Change the height at runtime
			<pre>
			Textarea1_contents.style.height = "100%"
			Textarea1_contents.style.height = "calc(100% - 20px)" 'if there is a header
			</syntaxhighlight>
			</tabber>

	== Output ==		== Output ==

Ghenne: /* Output */

2019-02-02T14:23:50Z

Output

← Older revision		Revision as of 14:23, 2 February 2019
Line 89:		Line 89:

	[[Category:Bootstrap]]		[[Category:Bootstrap]]

	~~[[Category:iWebKit]]~~

Ghenne: /* Description */

2018-10-10T20:10:35Z

Description

← Older revision		Revision as of 20:10, 10 October 2018
Line 6:		Line 6:

	[[Introduction_to_Bootstrap#Popovers_and_Tooltips\|Popovers and Tooltips]] are supported.		[[Introduction_to_Bootstrap#Popovers_and_Tooltips\|Popovers and Tooltips]] are supported.

			Note that Textarea (Bootstrap) does not have .text property. Use .value to get the value of the control.

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

Ghenne: /* Properties and Methods */

2017-12-31T18:58:54Z

Properties and Methods

← Older revision		Revision as of 18:58, 31 December 2017
Line 41:		Line 41:
	\|-		\|-
	\| setSelectionRange(start, end) \|\| Selects a range of characters. The first character starts at 0. Runtime only.		\| setSelectionRange(start, end) \|\| Selects a range of characters. The first character starts at 0. Runtime only.
			\|-
			\| spellcheck \|\| Check spelling and grammer?
	\|-		\|-
	\| value \|\| Gets or sets the value (true or false) of line i. Runtime.		\| value \|\| Gets or sets the value (true or false) of line i. Runtime.

Ghenne: /* Examples (JavaScript) */

2016-12-14T12:12:57Z

Examples (JavaScript)

← Older revision		Revision as of 12:12, 14 December 2016
Line 76:		Line 76:
	Textarea1_contents.style.height = "calc(100% - 20px)"; //if there is a header		Textarea1_contents.style.height = "calc(100% - 20px)"; //if there is a header
	</pre>		</pre>




	~~Textarea1_contents.style.height = "100%"~~

	~~If you have a header, do this:~~

	~~Textarea1_contents.style.height = "calc(100% - 20px)"~~

	== Output ==		== Output ==

Ghenne at 12:12, 14 December 2016

2016-12-14T12:12:25Z

← Older revision		Revision as of 12:12, 14 December 2016
Line 55:		Line 55:
	MsgBox "Value is " & Textarea1.value		MsgBox "Value is " & Textarea1.value
	End Function		End Function
			</pre>

	Change the height at runtime		Change the height at runtime
			<pre>
	Textarea1_contents.style.height = "100%"		Textarea1_contents.style.height = "100%"
	Textarea1_contents.style.height = "calc(100% - 20px)" 'if there is a header		Textarea1_contents.style.height = "calc(100% - 20px)" 'if there is a header
Line 67:		Line 69:
	NSB.MsgBox("Value is " + Textarea1.value);		NSB.MsgBox("Value is " + Textarea1.value);
	};		};
			</pre>

	Change the height at runtime		Change the height at runtime
			<pre>
	Textarea1_contents.style.height = "100%";		Textarea1_contents.style.height = "100%";
	Textarea1_contents.style.height = "calc(100% - 20px)"; //if there is a header		Textarea1_contents.style.height = "calc(100% - 20px)"; //if there is a header

Ghenne at 12:11, 14 December 2016

2016-12-14T12:11:30Z

← Older revision		Revision as of 12:11, 14 December 2016
Line 49:		Line 49:
	Standard [[events\|events]] are supported. For this control, the onfocusout event will be useful. It gets called when the user changes the focus to another field.		Standard [[events\|events]] are supported. For this control, the onfocusout event will be useful. It gets called when the user changes the focus to another field.

	== ~~Example~~ (Basic) ==		== Examples (Basic) ==
	Call a function when user is done editing field.		Call a function when user is done editing field.
	<pre>		<pre>
Line 55:		Line 55:
	MsgBox "Value is " & Textarea1.value		MsgBox "Value is " & Textarea1.value
	End Function		End Function

			Change the height at runtime
			Textarea1_contents.style.height = "100%"
			Textarea1_contents.style.height = "calc(100% - 20px)" 'if there is a header
	</pre>		</pre>

	== ~~Example~~ (JavaScript) ==		== Examples (JavaScript) ==
	Call a function when user is done editing field.		Call a function when user is done editing field.
	<pre>		<pre>
	Textarea1.onfocusout = function() {		Textarea1.onfocusout = function() {
	NSB.MsgBox("Value is " + Textarea1.value);		NSB.MsgBox("Value is " + Textarea1.value);
	};;		};

			Change the height at runtime
			Textarea1_contents.style.height = "100%";
			Textarea1_contents.style.height = "calc(100% - 20px)"; //if there is a header
	</pre>		</pre>




			Textarea1_contents.style.height = "100%"

			If you have a header, do this:

			Textarea1_contents.style.height = "calc(100% - 20px)"

	== Output ==		== Output ==

Ghenne: /* Example (JavaScript) */

2016-06-06T11:49:24Z

Example (JavaScript)

← Older revision		Revision as of 11:49, 6 June 2016
Line 60:		Line 60:
	Call a function when user is done editing field.		Call a function when user is done editing field.
	<pre>		<pre>
	~~Input1~~.onfocusout = function() {		Textarea1.onfocusout = function() {
	NSB.MsgBox("Value is " + ~~Input1~~.value);		NSB.MsgBox("Value is " + Textarea1.value);
	};		};;
	</pre>		</pre>