Features/Customized design - Revision history

Kpe: /* Instructions */

2024-11-09T12:16:48Z

Instructions

← Older revision		Revision as of 14:16, 9 November 2024
Line 31:		Line 31:

	=== Instructions ===		=== Instructions ===
			The following will create a new styesheet and use it on the whole application
	# Module > Design > Stylesheet		# Module > Design > Stylesheet
	# Add a new stylesheet		# Add a new stylesheet

2024-11-09T12:15:57Z

Stylesheets

← Older revision		Revision as of 14:15, 9 November 2024
Line 22:		Line 22:

	== Stylesheets ==		== Stylesheets ==
			Styling is written using CSS declarations. The different stylesheets can be used both genericly, for a single entity or a single interface.

			Th TS stylesheets are modular in the sense, that the can inherit content from each other. All stylesheets can refer a parent stylesheet: The parents styleheets are simply prepended to child styleheet.

			The TS design is based on Bootstrap 4.1, whos declarations can be used and changed if needed.

			Colors and most size definitions are set in CSS variables, which which use we strongly encourage.

			=== Instructions ===
			# Module > Design > Stylesheet
			# Add a new stylesheet
			#* Specify parent
			#* Insert CSS declarations
			#* Note the ID after udate
			# Modules > Configuration
			# Set defaultStylesheet = ID

	== Context sensitive styling ==		== Context sensitive styling ==

2024-11-09T12:06:38Z

Instructions

← Older revision		Revision as of 14:06, 9 November 2024
Line 50:		Line 50:
	# Insert URL of the page		# Insert URL of the page
	# Insert HTML tag where output should begin		# Insert HTML tag where output should begin
	## Display the source of the page in another browser		#* Display the source of the page in another browser
	## Note at which tag the dynmaic content starts		#* Note at which tag the dynmaic content starts
	## Optionally provide an end tag to		#* Optionally provide an end tag to
	# Optionally insert extra code before and after the content		# Optionally insert extra code before and after the content
	# Test the page		# Test the page

2024-11-09T12:03:34Z

Website wrappers =

← Older revision		Revision as of 14:03, 9 November 2024
Line 41:		Line 41:


	== Website wrappers ===		== Website wrappers ==
	Wrapper allow TempusServa installations to wrap itself in content from other sites.		Wrapper allow TempusServa installations to wrap itself in content from other sites.

2024-11-09T12:03:23Z

Templates

← Older revision		Revision as of 14:03, 9 November 2024
Line 39:		Line 39:

	Note: When editing templates make sure that they are still WCAG compliant. Ordering of elements and ID markup is important for it to work.		Note: When editing templates make sure that they are still WCAG compliant. Ordering of elements and ID markup is important for it to work.


			== Website wrappers ===
			Wrapper allow TempusServa installations to wrap itself in content from other sites.

			You provide an URL for page you want to look like, and the server will download and rewrite the contents in the page. The method is however not flawless, and some sites due to poor design or security restrictions cannot be mimicked at all. Normally the contens will get refreshed on fixed schedule, but in some instances it will be required to do some manual tweaking of the code afterwards.

			=== Instructions ===
			# Add a new Wrapper
			# Insert URL of the page
			# Insert HTML tag where output should begin
			## Display the source of the page in another browser
			## Note at which tag the dynmaic content starts
			## Optionally provide an end tag to
			# Optionally insert extra code before and after the content
			# Test the page
			# Change the defaultWrapperID in Designer > Modules > Configuration

			Troubleshooting tips
			* Check stylesheets for local references (TS will only collect the main page)
			* Disable any <form> tags in the page

2024-11-09T11:59:33Z

Usage

← Older revision		Revision as of 13:59, 9 November 2024
Line 6:		Line 6:
	* '''Wrapper''' controlling the header and footer on all pages		* '''Wrapper''' controlling the header and footer on all pages
	* '''Language''' where labels on buttons are set		* '''Language''' where labels on buttons are set
	* '''Buttons''' which controls the iconography		* '''Buttons''' which controls the iconography

			Note that default design is well tested 100% responsive, so take care not using too many !important or fixed width declarations.

	== Design quickstart ==		== Design quickstart ==

2024-11-09T11:56:44Z

Templates

← Older revision		Revision as of 13:56, 9 November 2024
Line 34:		Line 34:

	== Templates ==		== Templates ==
	The HTML templates contains tags, that helps the system render correctly. The template can contain bothe generic field markers, and specific ones tied to a single field. The rendering will first look for a specific tag, and if that is not present default to the generic ones.		The HTML templates contains tags, that helps the system render correctly. The template can contain bothe generic field markers, and specific ones tied to a single field. The rendering will first look for a specific tag, and if that is not present default to the generic ones. Templates can be shared between multiple entities, or be tied to a single one.

	Note: When editing templates make sure that they are still WCAG compliant. Ordering of elements and ID markup is important for it to work.		Note: When editing templates make sure that they are still WCAG compliant. Ordering of elements and ID markup is important for it to work.

2024-11-09T11:56:11Z

Templates

← Older revision		Revision as of 13:56, 9 November 2024
Line 34:		Line 34:

	== Templates ==		== Templates ==
			The HTML templates contains tags, that helps the system render correctly. The template can contain bothe generic field markers, and specific ones tied to a single field. The rendering will first look for a specific tag, and if that is not present default to the generic ones.

			Note: When editing templates make sure that they are still WCAG compliant. Ordering of elements and ID markup is important for it to work.

2024-11-09T11:52:09Z

Instructions

2024-11-09T11:51:00Z

Stylesheets

@@ Line 19: / Line 19: @@
 # Reload page with CTRL + SHIFT + R
 == Stylesheets ==
 == Templates ==