Tabs (Bootstrap) - Revision history

Ghenne at 15:32, 10 March 2019

2019-03-10T15:32:48Z

← Older revision		Revision as of 15:32, 10 March 2019
Line 40:		Line 40:
	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>
			JavaScript=
			<syntaxhighlight lang="JavaScript">
			// JavaScript
			Tabs1.onclick = function(i) {
			if (typeof i == "object") return;
			NSB.MsgBox("Tab chosen: " + Tabs1.value);
			};
			</syntaxhighlight>
			\|-\|
			BASIC=
			<syntaxhighlight lang="vb.net">
			' Basic
	Function Tabs1_onclick(i)		Function Tabs1_onclick(i)
	If TypeName(i) = "object" Then Exit Function		If TypeName(i) = "object" Then Exit Function
	MsgBox "Tab chosen: " + Tabs1.value		MsgBox "Tab chosen: " + Tabs1.value
	End Function		End Function
	</~~pre~~>		</syntaxhighlight>
			</tabber>
	~~== Example (JavaScript) ==~~
	~~<pre>~~
	~~Tabs1.onclick = function(i) {~~
	~~if (typeof i == "object") return;~~
	~~NSB.MsgBox("Tab chosen: " + Tabs1.value);~~
	};
	</~~pre~~>

	== Output ==		== Output ==

Ghenne: /* Output */

2019-02-02T14:23:18Z

Output

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

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

	~~[[Category:iWebKit]]~~

Ghenne at 18:36, 29 January 2019

2019-01-29T18:36:01Z

← Older revision		Revision as of 18:36, 29 January 2019
Line 1:		Line 1:
	'''''This control is Bootstrap 3 only. Use [[~~Tabs~~ (Bootstrap)\|~~Tabs~~]] in Bootstrap 4.'''''		'''''This control is Bootstrap 3 only. Use [[Navs (Bootstrap)\|Navs]] in Bootstrap 4.'''''

Ghenne at 18:34, 29 January 2019

2019-01-29T18:34:47Z

← Older revision		Revision as of 18:34, 29 January 2019
Line 1:		Line 1:
			'''''This control is Bootstrap 3 only. Use [[Tabs (Bootstrap)\|Tabs]] in Bootstrap 4.'''''


	[[file:Bstabs.png]]		[[file:Bstabs.png]]

C185driver: /* Example (JavaScript) */

2017-11-10T04:31:31Z

Example (JavaScript)

← Older revision		Revision as of 04:31, 10 November 2017
Line 48:		Line 48:
	<pre>		<pre>
	Tabs1.onclick = function(i) {		Tabs1.onclick = function(i) {
			if (typeof i == "object") return;
	NSB.MsgBox("Tab chosen: " + Tabs1.value);		NSB.MsgBox("Tab chosen: " + Tabs1.value);
	};		};

C185driver: /* Example (Basic) */

2017-11-10T04:29:42Z

Example (Basic)

← Older revision		Revision as of 04:29, 10 November 2017
Line 40:		Line 40:
	<pre>		<pre>
	Function Tabs1_onclick(i)		Function Tabs1_onclick(i)
			If TypeName(i) = "object" Then Exit Function
	MsgBox "Tab chosen: " + Tabs1.value		MsgBox "Tab chosen: " + Tabs1.value
	End Function		End Function

Ghenne: /* Properties and Methods */

2016-09-03T12:24:51Z

Properties and Methods

← Older revision		Revision as of 12:24, 3 September 2016
Line 14:		Line 14:
	\| addItem(''item'', ''type'') \|\| Adds an ''item'' to the end. ''type'' can be "active" or "disabled" . Runtime.		\| addItem(''item'', ''type'') \|\| Adds an ''item'' to the end. ''type'' can be "active" or "disabled" . Runtime.
	\|-		\|-
	\| clear \|\| Clears all items. Runtime.		\| clear() \|\| Clears all items. Runtime.
			\|-
			\| enable([''index'',]''bool'') \|\| Enables and disables items. ''Index'' can be an item or an array of items. If no index supplied, all items are affected. ''Bool'' is true or false. Runtime only.
	\|-		\|-
	\| items \|\| Items to show, one per line. Prefix * for disabled, > for selected, ! for heading (not all controls support headings). Design Time.		\| items \|\| Items to show, one per line. Prefix * for disabled, > for selected, ! for heading (not all controls support headings). Design Time.
Line 23:		Line 25:
	\|-		\|-
	\| pills \|\| Show tabs highlighted with Pill format? tabs or pills. Runtime.		\| pills \|\| Show tabs highlighted with Pill format? tabs or pills. Runtime.
			\|-
			\| text \|\| Get the text of the active tab. Runtime.
	\|-		\|-
	\| value \|\| Get and set the active tab. Runtime.		\| value \|\| Get and set the active tab. Runtime.

Ghenne: Created page with "file:Bstabs.png == Description == Provide tab links for your site or app with customizable appearance. Introduction_to_Bootstrap#Popovers_and_Tooltips|Popovers and To..."

2016-06-06T11:41:43Z

Created page with "file:Bstabs.png == Description == Provide tab links for your site or app with customizable appearance. Introduction_to_Bootstrap#Popovers_and_Tooltips|Popovers and To..."

New page

[[file:Bstabs.png]]

== Description ==

Provide tab links for your site or app with customizable appearance.

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

== Properties and Methods ==

Standard [[properties and methods|properties]] are supported, plus:
{| class="wikitable"
|-
| addItem(''item'', ''type'') || Adds an ''item'' to the end. ''type'' can be "active" or "disabled" . Runtime.
|-
| clear || Clears all items. Runtime.
|-
| items || Items to show, one per line. Prefix * for disabled, > for selected, ! for heading (not all controls support headings). Design Time.
|-
| justified || Make tabs or pills equal widths of their parent at screens wider than 768px. On smaller screens, the nav links are stacked. Design Time.
|-
| length || Current number of items. Runtime.
|-
| pills || Show tabs highlighted with Pill format? tabs or pills. Runtime.
|-
| value || Get and set the active tab. Runtime.
|-
| vertical || Show Tabs/Pills vertically? (If so, >selected only works for Pills.). Design Time.
|}

== Events ==

Standard [[events|events]] are supported. For this control, the onclick event will be most useful.

== Example (Basic) ==
<pre>
Function Tabs1_onclick(i)
MsgBox "Tab chosen: " + Tabs1.value
End Function
</pre>

== Example (JavaScript) ==
<pre>
Tabs1.onclick = function(i) {
NSB.MsgBox("Tab chosen: " + Tabs1.value);
};
</pre>

== Output ==

[[Category:Language Reference]]

[[Category:Controls]]

[[Category:Bootstrap]]

[[Category:iWebKit]]