JqxWindow - Revision history

Ghenne at 22:03, 24 July 2019

2019-07-24T22:03:00Z

← Older revision		Revision as of 22:03, 24 July 2019
Line 64:		Line 64:
	\|}		\|}

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

	<~~pre~~>		<tabber>
			JavaScript=
			<syntaxhighlight lang="JavaScript">
			btnDefault.onclick = function() {
			Window1.show();
			}

			btnContent1.onclick = function() {
			Window1.show(Content1);
			}
			</syntaxhighlight>
			\|-\|
			BASIC=
			<syntaxhighlight lang="vb.net">
	Function btnDefault_onclick()		Function btnDefault_onclick()
	Window1.show()		Window1.show()
Line 74:		Line 87:
	Window1.show(Content1)		Window1.show(Content1)
	End Function		End Function
	</~~pre~~>		</syntaxhighlight>
			</tabber>
	~~== Example (JavaScript) ==~~
	~~<pre>~~
	~~btnDefault.onclick = function() {~~
	~~Window1.show();~~
	}

	~~btnContent1.onclick = function() {~~
	~~Window1.show(Content1);~~
	}
	</~~pre~~>

	== Output ==		== Output ==

Ghenne: /* Properties and Methods */

2016-04-07T17:21:02Z

Properties and Methods

← Older revision		Revision as of 17:21, 7 April 2016
Line 15:		Line 15:
	== Properties and Methods ==		== Properties and Methods ==

	~~See~~ the ~~complete documentation at~~ jqWidget's ~~site~~:		This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/.
	http://www.jqwidgets.com/jquery-widgets-~~demo/demos/jqxwindow/index.htm?(arctic)#demos/jqxwindow~~/~~defaultfunctionality~~.~~htm~~

	{\| class='wikitable'		{\| class='wikitable'
Line 63:		Line 62:
	\|-		\|-
	\| title \|\| The title of the window. Can be HTML.		\| title \|\| The title of the window. Can be HTML.
	\|}		\|}

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

Ghenne at 19:18, 12 April 2015

2015-04-12T19:18:02Z

← Older revision		Revision as of 19:18, 12 April 2015
Line 1:		Line 1:
	[[File:Jqxwindow1.png]]		[[File:Jqxwindow1.png]]

			''This is a default window with only text in it.''

	[[File:Jqxwindow2.png]]		[[File:Jqxwindow2.png]]

			''This is a Window with a form in it.''

	== Description ==		== Description ==

Ghenne at 19:16, 12 April 2015

2015-04-12T19:16:57Z

← Older revision		Revision as of 19:16, 12 April 2015
Line 65:		Line 65:

	<pre>		<pre>
			Function btnDefault_onclick()
			Window1.show()
			End Function

			Function btnContent1_onclick()
			Window1.show(Content1)
			End Function
	</pre>		</pre>

	== Example (JavaScript) ==		== Example (JavaScript) ==
	<pre>		<pre>
			btnDefault.onclick = function() {
			Window1.show();
			}

			btnContent1.onclick = function() {
			Window1.show(Content1);
			}
	</pre>		</pre>

Ghenne: Created page with "File:Jqxwindow1.png File:Jqxwindow2.png == Description == You can use the jqxWindow to direct a user’s attention to a particular activity in your application,..."

2015-04-12T19:15:31Z

Created page with "File:Jqxwindow1.png File:Jqxwindow2.png == Description == You can use the jqxWindow to direct a user’s attention to a particular activity in your application,..."

New page

[[File:Jqxwindow1.png]]

[[File:Jqxwindow2.png]]

== Description ==
You can use the jqxWindow to direct a user’s attention to a particular activity in your application, such as entering data or viewing information. Consider using a jqxWindow when you want greater customization, you want to block the user interface outside the window, or when you want to retrieve a DialogResult and other data from the popup window. jqxWindow can be displayed as a modal dialog window that blocks user interaction with the underlying user interface or as a standard window without blocking the web page's user interface.

jqWidgets is a commercial product, which depending on how you use it, requires a license fee.
Complete details are on jqWidget's website. The product is well supported.

== Properties and Methods ==

See the complete documentation at jqWidget's site:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxwindow/index.htm?(arctic)#demos/jqxwindow/defaultfunctionality.htm

{| class='wikitable'
|-
| animationType || Sets the animation type of window.
|-
| autoOpen || Sets whether the window will be shown after its creation.
|-
| closeAnimationDuration || Determines the close animation duration.
|-
| closeButtonAction || Sets what happens with the close button.
|-
| closeButtonSize || The size of the close button.
|-
| collapseAnimationDuration || Determines the duration in milliseconds of the expand/collapse animation.
|-
| collapsed || Determines whether the window is collapsed.
|-
| draggable || Sets whether the window is draggable.
|-
| isModal || Sets whether the window is displayed as a modal dialog. If the jqxWindow's mode is set to modal, the window blocks user interaction with the underlying user interface.
|-
| keyboardCloseKey || Sets the key which could be used for closing the window when it's on focus. Possible value is every keycode and the 'esc' string (for the escape key).
|-
| keyboardNavigation || Determines whether the keyboard navigation is enabled or disabled.
|-
| maxHeight || Sets or gets window's maximum height.
|-
| maxWidth || Sets or gets window's maximum width.
|-
| minHeight || Sets or gets window's minimum height.
|-
| minWidth || Sets or gets window's minimum width.
|-
| position || Sets the window's position. The value could be in the following formats: 'center', 'top, left', '{ x: 300, y: 500 }', '[300, 500]'.
|-
| resizable || Sets whether the window is resizable.
|-
| showAnimationDuration || Determines the show animation duration
|-
| showCloseButton || Show a close button?
|-
| showCollapseButton || Show a collapse button?
|-
| text || The text to display in the window. Can be HTML.
|-
| title || The title of the window. Can be HTML.
|}
== Example (Basic) ==

<pre>

</pre>

== Example (JavaScript) ==
<pre>

</pre>

== Output ==

See above.

[[Category:Language Reference]]

[[Category:jqWidgets]]

[[Category:Controls]]