Styling cheatsheet - Revision history

Tvi: 80 revisions imported

2021-12-10T10:55:35Z

80 revisions imported

← Older revision

Revision as of 12:55, 10 December 2021

2013-08-19T11:19:09Z

Hiding form update elements

← Older revision		Revision as of 13:19, 19 August 2013
Line 137:		Line 137:
	As of build 2345 there is no easy way to refer ALL the update elements (some browsers are not ble to collapse cells with hidden contents).		As of build 2345 there is no easy way to refer ALL the update elements (some browsers are not ble to collapse cells with hidden contents).

	<script>		<script>
	$('#NB_DATA_StatusID').parent().parent().hide();		$('#NB_DATA_StatusID').parent().parent().hide();
	$('#NB_DATA_Revision').parent().parent().hide();		$('#NB_DATA_Revision').parent().parent().hide();
	$('.updateSubmit').parent().parent().parent().hide();		$('.updateSubmit').parent().parent().parent().hide();
	</script>		</script>

2013-08-19T11:18:55Z

Other element styling

← Older revision		Revision as of 13:18, 19 August 2013
Line 132:		Line 132:
	$('.menuList').css('background','red');		$('.menuList').css('background','red');
	}		}


			=== Hiding form update elements ===
			As of build 2345 there is no easy way to refer ALL the update elements (some browsers are not ble to collapse cells with hidden contents).

			<script>
			$('#NB_DATA_StatusID').parent().parent().hide();
			$('#NB_DATA_Revision').parent().parent().hide();
			$('.updateSubmit').parent().parent().parent().hide();
			</script>

2013-03-08T12:36:44Z

Targetting mobile devices

← Older revision		Revision as of 14:36, 8 March 2013
Line 127:		Line 127:

	=== Targetting mobile devices ===		=== Targetting mobile devices ===
			The following example shows a '''script''' that dynamically assigns a red background to the menu, but only while using mobile devices.

	if( /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry/i.test(navigator.userAgent) ) {		if( /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry/i.test(navigator.userAgent) ) {
	$('.~~changThis~~').css('~~color~~','red');		$('.menuList').css('background','red');
	}		}

2013-03-08T12:35:14Z

Other element styling

← Older revision		Revision as of 14:35, 8 March 2013
Line 125:		Line 125:
	**** tablePageSelectorElement		**** tablePageSelectorElement
	**** tablePageSelectorElementRight		**** tablePageSelectorElementRight

			=== Targetting mobile devices ===

			if( /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry/i.test(navigator.userAgent) ) {
			$('.changThis').css('color','red');
			}

2013-03-06T11:53:57Z

Item mode

← Older revision		Revision as of 13:53, 6 March 2013
Line 107:		Line 107:

	\|}		\|}

			Further information on: [[Form templates]]

	== Other element styling ==		== Other element styling ==

2013-03-06T11:51:31Z

Item mode

← Older revision		Revision as of 13:51, 6 March 2013
Line 107:		Line 107:

	\|}		\|}


	~~The structure of the tags in the HTML template are~~
	* {tablename}
	* {pageselector}
	* {default_start}
	** {default_name}
	** {default_value}
	** {default_help}
	* {default_end}

	~~You may also add additional tags for special fields:~~
	* "{" + [field systemname] + "_name}"
	* "{" + [field systemname] + "_value}"
	* "{" + [field systemname] + "_help}"

	== Other element styling ==		== Other element styling ==

2013-03-06T11:46:39Z

Item mode

← Older revision		Revision as of 13:46, 6 March 2013
Line 117:		Line 117:
	** {default_help}		** {default_help}
	* {default_end}		* {default_end}

			You may also add additional tags for special fields:
			* "{" + [field systemname] + "_name}"
			* "{" + [field systemname] + "_value}"
			* "{" + [field systemname] + "_help}"

	== Other element styling ==		== Other element styling ==

2013-03-06T10:58:16Z

Item mode

2013-03-06T10:57:33Z

Item mode

← Older revision		Revision as of 12:57, 6 March 2013
Line 109:		Line 109:


	The tags in the HTML template are		The structure of the tags in the HTML template are
	* {tablename}		* {tablename}
	* {pageselector}		* {pageselector}