Demo VisualData/Datatable cards - Revision history

Admin at 00:34, 14 August 2025

2025-08-14T00:34:16Z

← Older revision		Revision as of 00:34, 14 August 2025
Line 1:		Line 1:
	The following demonstrates the use of Datatables with the paramater <code>datatables-cards=true</code>. If the results exceed the standard limit (100 items) the table/cards will be automatically navigable using Ajax. SearchPanes can also be simultaneously used.		The following demonstrates the use of Datatables with the paramater <code>datatables-cards=true</code>. If the results exceed the standard limit (100 items) the table/cards will be automatically navigable using Ajax. SearchPanes can also be simultaneously used.


	{{#visualdataform: Gods		{{#visualdataform: Gods
Line 25:		Line 26:
	\|submit-button-text =		\|submit-button-text =
	\|validate-button-text =		\|validate-button-text =
	}}		}}

	<templatestyles src="Demo_VisualData/Datatable cards/cards.css" />		<templatestyles src="Demo_VisualData/Datatable cards/cards.css" />

Line 54:		Line 56:


			Here is the parser function to display the form:

	<pre>		<pre>

2025-08-14T00:33:26Z

@@ Line 1: / Line 1: @@
 The following demonstrates the use of Datatables with the paramater <code>datatables-cards=true</code>. If the results exceed the standard limit (100 items) the table/cards will be automatically navigable using Ajax. SearchPanes can also be simultaneously used.
 <templatestyles src="Demo_VisualData/Datatable cards/cards.css" />
@@ Line 29: / Line 54: @@
 <pre>

2025-08-14T00:32:46Z

@@ Line 1: / Line 1: @@
 The following demonstrates the use of Datatables with the paramater <code>datatables-cards=true</code>. If the results exceed the standard limit (100 items) the table/cards will be automatically navigable using Ajax. SearchPanes can also be simultaneously used.
 This page contains the following components:
@@ Line 105: / Line 124: @@
 (see the docs [https://www.mediawiki.org/wiki/Extension:VisualData/Result_formats here], note that the printouts with an empty alias, like <code>action=</code> or <code>url=</code> are used to ensure that the property is available within templates, without showing it)

2024-11-26T09:06:28Z

← Older revision		Revision as of 09:06, 26 November 2024
Line 104:		Line 104:
	</pre>		</pre>
	(see the docs [https://www.mediawiki.org/wiki/Extension:VisualData/Result_formats here], note that the printouts with an empty alias, like <code>action=</code> or <code>url=</code> are used to ensure that the property is available within templates, without showing it)		(see the docs [https://www.mediawiki.org/wiki/Extension:VisualData/Result_formats here], note that the printouts with an empty alias, like <code>action=</code> or <code>url=</code> are used to ensure that the property is available within templates, without showing it)


	<templatestyles src="Demo_VisualData/Datatable cards/cards.css" />		<templatestyles src="Demo_VisualData/Datatable cards/cards.css" />

2024-11-26T09:05:56Z

← Older revision		Revision as of 09:05, 26 November 2024
Line 103:		Line 103:
	}}		}}
	</pre>		</pre>
	(see the docs [https://www.mediawiki.org/wiki/Extension:VisualData/Result_formats here])		(see the docs [https://www.mediawiki.org/wiki/Extension:VisualData/Result_formats here], note that the printouts with an empty alias, like <code>action=</code> or <code>url=</code> are used to ensure that the property is available within templates, without showing it)

	<templatestyles src="Demo_VisualData/Datatable cards/cards.css" />		<templatestyles src="Demo_VisualData/Datatable cards/cards.css" />

2024-11-24T20:10:13Z

← Older revision		Revision as of 20:10, 24 November 2024
Line 1:		Line 1:
	The following demonstrates the use of Datatables with the paramater <code>datatables-cards=true</code>. If the results exceed the standard limit (100 items) the table/cards will be automatically navigable using Ajax. SearchPanes can also be ~~use in the same time~~.		The following demonstrates the use of Datatables with the paramater <code>datatables-cards=true</code>. If the results exceed the standard limit (100 items) the table/cards will be automatically navigable using Ajax. SearchPanes can also be simultaneously used.

	This page contains the following components:		This page contains the following components:

2024-11-24T20:01:05Z

← Older revision		Revision as of 20:01, 24 November 2024
Line 1:		Line 1:
	The following demonstrates the use of Datatables with the paramater <code>datatables-cards=true</code>. If the results exceed the standard limit (100 items) the table/cards will be automatically navigable using Ajax. SearchPanes can also be use in the same time.		The following demonstrates the use of Datatables with the paramater <code>datatables-cards=true</code>. If the results exceed the standard limit (100 items) the table/cards will be automatically navigable using Ajax. SearchPanes can also be use in the same time.

	This page contains the following components:		This page contains the following components:

2024-11-24T19:55:24Z

← Older revision		Revision as of 19:55, 24 November 2024
Line 122:		Line 122:
	}}		}}


			source/idea: http://playground-mw.bitplan.com/

2024-11-24T19:53:09Z

← Older revision		Revision as of 19:53, 24 November 2024
Line 1:		Line 1:
	The following demonstrates the use of Datatables with the paramater <code>datatables-cards=true</code>.		The following demonstrates the use of Datatables with the paramater <code>datatables-cards=true</code>. If the results exceed the standard limit (100 items) the table/cards will be automatically navigable using Ajax. SearchPanes can also be use in the same time.

	This page contains the following components:		This page contains the following components:

2024-11-24T19:51:25Z

← Older revision		Revision as of 19:51, 24 November 2024
Line 75:		Line 75:
	</pre>		</pre>

	(see [[Template:Demo_VisualData/Datatable cards/cards.css]]) for the complete style)		(see [[Template:Demo_VisualData/Datatable cards/cards.css]] for the complete style)