JqxDocking - Revision history

Ghenne at 16:27, 24 July 2019

2019-07-24T16:27:09Z

← Older revision		Revision as of 16:27, 24 July 2019
Line 35:		Line 35:
	\|}		\|}

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

	In this example, we have two [[jqxWindow\|Window]] controls. Content1 and Content2 are both [[Form\|forms]]. We add the forms to the Windows using jqxDocking.		In this example, we have two [[jqxWindow\|Window]] controls. Content1 and Content2 are both [[Form\|forms]]. We add the forms to the Windows using jqxDocking.

	<~~pre~~>		<tabber>
	~~Function Button2_onclick()~~		JavaScript=
	~~Window1.show(Content1)~~		<syntaxhighlight lang="JavaScript">
	~~Window2.show(Content2)~~
	~~$("#Docking1").jqxDocking("addWindow", "Window1")~~
	~~$("#Docking1").jqxDocking("addWindow", "Window2","",1, 0)~~
	~~End Function~~
	<~~/pre>~~

	=~~= Example (~~JavaScript~~) ==~~
	~~<pre~~>
	Button2.onclick = function() {		Button2.onclick = function() {
	Window1.show(Content1);		Window1.show(Content1);
Line 57:		Line 48:
	return returnValue;		return returnValue;
	}		}
	</~~pre~~>		</syntaxhighlight>
			\|-\|
			BASIC=
			<syntaxhighlight lang="vb.net">
			Function Button2_onclick()
			Window1.show(Content1)
			Window2.show(Content2)
			$("#Docking1").jqxDocking("addWindow", "Window1")
			$("#Docking1").jqxDocking("addWindow", "Window2","",1, 0)
			End Function
			</syntaxhighlight>
			</tabber>

	== Output ==		== Output ==

Ghenne: /* Properties and Methods */

2016-04-07T17:15:08Z

Properties and Methods

← Older revision		Revision as of 17:15, 7 April 2016
Line 8:		Line 8:
	== 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/jqxdocking~~/~~index~~.~~htm~~

	{\| class='wikitable'		{\| class='wikitable'
Line 34:		Line 33:
	\|-		\|-
	\| windowsOffset \|\| Sets the offset between the windows.		\| windowsOffset \|\| Sets the offset between the windows.
	\|}		\|}

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

Ghenne at 18:06, 12 April 2015

2015-04-12T18:06:01Z

← Older revision		Revision as of 18:06, 12 April 2015
Line 1:		Line 1:
	[[File:Jqxdocking.png]]		[[File:Jqxdocking.png]]
	== Description ==		== Description ==
	~~jqxCalendar~~ represents a jQuery ~~calendar~~ widget ~~that enables~~ the ~~user~~ to ~~select a date using a visual monthly calendar~~ display.		jqxDocking represents a jQuery widget which allows you to manage multiple windows and even the layout of your web page. Each window in the jqxDocking can be resized, dragged around the Web page, docked into docking zones, removed from the docking, collapsed into a minimized state to hide its content, expanded to display its content or pinned in place. With the jqxDocking API, you can Save or Load the Docking's Layout in JSON.

	jqWidgets is a commercial product, which depending on how you use it, requires a license fee.		jqWidgets is a commercial product, which depending on how you use it, requires a license fee.
Line 9:		Line 9:

	See the complete documentation at jqWidget's site:		See the complete documentation at jqWidget's site:
	http://www.jqwidgets.com/jquery-widgets-~~documentation~~/~~documentation~~/~~jqxcalendar~~/~~jquery-calendar-getting-started~~.htm		http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdocking/index.htm

	{\| class='wikitable'		{\| class='wikitable'
	\|-		\|-
Line 35:		Line 36:
	\|}		\|}
	== Example (Basic) ==		== Example (Basic) ==

			In this example, we have two [[jqxWindow\|Window]] controls. Content1 and Content2 are both [[Form\|forms]]. We add the forms to the Windows using jqxDocking.

	<pre>		<pre>
			Function Button2_onclick()
			Window1.show(Content1)
			Window2.show(Content2)
			$("#Docking1").jqxDocking("addWindow", "Window1")
			$("#Docking1").jqxDocking("addWindow", "Window2","",1, 0)
			End Function
	</pre>		</pre>

	== Example (JavaScript) ==		== Example (JavaScript) ==
	<pre>		<pre>
			Button2.onclick = function() {
			Window1.show(Content1);
			Window2.show(Content2);
			$("#Docking1").jqxDocking("addWindow", "Window1");
			$("#Docking1").jqxDocking("addWindow", "Window2", "", 1, 0);
			return returnValue;
			}
	</pre>		</pre>

Ghenne: Created page with "File:Jqxdocking.png == Description == jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display. j..."

2015-04-12T18:01:52Z

Created page with "File:Jqxdocking.png == Description == jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display. j..."

New page

[[File:Jqxdocking.png]]
== Description ==
jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display.

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-documentation/documentation/jqxcalendar/jquery-calendar-getting-started.htm
{| class='wikitable'
|-
| columns || The number of columns of docked items. Max 4.
|-
| cookieOptions || Set the cookieOptions property. Example: { domain: 'jqwidgets.com', expires: 90 }
|-
| cookies || Should the docking layout be saved and kept every time the page is reloaded?
|-
| floatingWindowOpacity || Sets the opacity of the currently dragged window.
|-
| id || ID of the control to be dragged.
|-
| keyboardNavigation || Enable the jqxDocking's keyboard navigation?
|-
| mode || default: the user can drop every window inside any docking panel or outside the docking panels<p>docked: the user can drop every window just into the docking panels<p>floating: the user can drop any window just outside of the docking panels.
|-
| ondragend || This is triggered when the user finishes dragging any window.
|-
| ondragstart || This is triggered when the user starts to drag any window.
|-
| orientation || Sets whether the panels are going to be side by side or below each other.
|-
| windowsOffset || Sets the offset between the windows.
|}
== Example (Basic) ==

<pre>

</pre>

== Example (JavaScript) ==
<pre>

</pre>

== Output ==

See above.

[[Category:Language Reference]]

[[Category:jqWidgets]]

[[Category:Controls]]