Spinner (Bootstrap) - Revision history

Ghenne: /* Example */

2024-10-30T18:01:35Z

Example

← Older revision		Revision as of 18:01, 30 October 2024
Line 32:		Line 32:
	<syntaxhighlight lang="JavaScript">		<syntaxhighlight lang="JavaScript">
	// JavaScript		// JavaScript
	~~Alert1~~.onclick = function() {		Button1.onclick = function () {
	~~NSB~~.~~MsgBox~~(~~"You can display a message or take other action when clicked"~~);		Spinner1.show();
			};

			Button2.onclick = function () {
			Spinner1.hide();
	};		};

Line 41:		Line 45:
	<syntaxhighlight lang="vb.net">		<syntaxhighlight lang="vb.net">
	' Basic		' Basic
	~~FFunction Alert2_onclick~~()		Function Button1_onclick()
	~~MsgBox "You can display a message or take other action when clicked"~~		Spinner1.show()
			End Function

			Function Button2_onclick()
			Spinner1.hide()
	End Function		End Function
	</syntaxhighlight>		</syntaxhighlight>

Ghenne at 18:00, 30 October 2024

2024-10-30T18:00:39Z

← Older revision		Revision as of 18:00, 30 October 2024
Line 1:		Line 1:
	[[~~file~~:~~Bsalert~~.png]]		[[File:Spinner.png]]

	== Description ==		== Description ==

	~~Provide contextual feedback messages for typical user actions with~~ the ~~handful~~ of ~~available and flexible alert messages~~.		Indicate the loading state of a component or page.

	By setting the appearance, alerts can have different colors. Turning dismissable on will add an x to the control. Clicking on it will cause the alert to be hidden, and your app will reformat to use the space which has been freed up.

	== Properties and Methods ==		== Properties and Methods ==
Line 12:		Line 11:
	{\| class="wikitable"		{\| class="wikitable"
	\|-		\|-
	\| ~~appearance~~ \|\| ~~Appearance of the alert. Can be success, info, warning, danger~~.		\| bgColor \|\| Show a standard spinner or a growing icon.
	\|-		\|-
	\| ~~badge~~ \|\| ~~Adds~~ a ~~Badge to the alert~~.		\| growing \|\| Show a standard spinner or a growing icon.
	\|-		\|-
	\| ~~dismissable~~ \|\| ~~Add an x to dismiss~~ the ~~alert~~?		\| showText \|\| Show the text which spins along?
	\|-		\|-
	\| ~~value~~ \|\| The ~~title~~ of the ~~button~~. ~~HTML OK. Design time or runtime~~.		\| size \|\| Default size, or a bit smaller
			\|-
			\| text \|\| The text of the spinner. 'showText' turns it off.
	\|}		\|}

Ghenne: Created page with "file:Bsalert.png == Description == Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. By setting the appearance, alerts can have different colors. Turning dismissable on will add an x to the control. Clicking on it will cause the alert to be hidden, and your app will reformat to use the space which has been freed up. == Properties and Methods == Standard properties a..."

2024-10-30T17:50:31Z

Created page with "file:Bsalert.png == Description == Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. By setting the appearance, alerts can have different colors. Turning dismissable on will add an x to the control. Clicking on it will cause the alert to be hidden, and your app will reformat to use the space which has been freed up. == Properties and Methods == Standard properties a..."

New page

[[file:Bsalert.png]]

== Description ==

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

By setting the appearance, alerts can have different colors. Turning dismissable on will add an x to the control. Clicking on it will cause the alert to be hidden, and your app will reformat to use the space which has been freed up.

== Properties and Methods ==

Standard [[properties and methods|properties]] are supported, plus:
{| class="wikitable"
|-
| appearance || Appearance of the alert. Can be success, info, warning, danger.
|-
| badge || Adds a Badge to the alert.
|-
| dismissable || Add an x to dismiss the alert?
|-
| value || The title of the button. HTML OK. Design time or runtime.
|}

== Events ==

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

== Example ==

<tabber>
JavaScript=
<syntaxhighlight lang="JavaScript">
// JavaScript
Alert1.onclick = function() {
NSB.MsgBox("You can display a message or take other action when clicked");
};

</syntaxhighlight>
|-|
BASIC=
<syntaxhighlight lang="vb.net">
' Basic
FFunction Alert2_onclick()
MsgBox "You can display a message or take other action when clicked"
End Function
</syntaxhighlight>
</tabber>

== Output ==

[[Category:Language Reference]]

[[Category:Controls]]

[[Category:Bootstrap]]