ApplikationAdmin ApplicationThemes - Revision history

Sofial at 12:32, 22 June 2023

2023-06-22T12:32:05Z

← Older revision		Revision as of 12:32, 22 June 2023
Line 6:		Line 6:

	<!--T:3-->		<!--T:3-->
	Under ''my account -> themes'' it is possible for the user to select application theme, please contact [mailto:me@enghouse.com Servicedesk] to activate the theme panel.		Under ''my account -> themes'' it is possible for the user to select application theme, please contact [mailto:em@enghouse.com Servicedesk] to activate the theme panel.

Sofial at 12:31, 22 June 2023

2023-06-22T12:31:50Z

← Older revision		Revision as of 12:31, 22 June 2023
Line 6:		Line 6:

	<!--T:3-->		<!--T:3-->
	Under ''my account -> themes'' it is possible for the user to select application theme, please contact [mailto:~~supportNE~~@enghouse.com Servicedesk] to activate the theme panel.		Under ''my account -> themes'' it is possible for the user to select application theme, please contact [mailto:me@enghouse.com Servicedesk] to activate the theme panel.

Sofial: Marked this version for translation

2023-02-13T13:32:18Z

Marked this version for translation

← Older revision		Revision as of 13:32, 13 February 2023
Line 1:		Line 1:
	<translate>		<translate>
	== Application Theme ==		== Application Theme == <!--T:1-->

			<!--T:2-->
	Application branding is an option to add a new common theme or multiple themes available to choose from on user level. Option possible to brand logo, font (style & size) and colors.		Application branding is an option to add a new common theme or multiple themes available to choose from on user level. Option possible to brand logo, font (style & size) and colors.

			<!--T:3-->
	Under ''my account -> themes'' it is possible for the user to select application theme, please contact [mailto:supportNE@enghouse.com Servicedesk] to activate the theme panel.		Under ''my account -> themes'' it is possible for the user to select application theme, please contact [mailto:supportNE@enghouse.com Servicedesk] to activate the theme panel.


	=== How to - Show Application Theme ===		=== How to - Show Application Theme === <!--T:4-->

			<!--T:5-->
	# Click the [[{{Link}}ApplikationAdmin Default\|role Application Maintenance]]		# Click the [[{{Link}}ApplikationAdmin Default\|role Application Maintenance]]
	# Click '''Custom configuration > Application Theme'''		# Click '''Custom configuration > Application Theme'''
Line 14:		Line 17:


	=== How to - Create a New Application Theme ===		=== How to - Create a New Application Theme === <!--T:6-->

			<!--T:7-->
	# Select ''new theme'' in the drop-down list '''current theme'''		# Select ''new theme'' in the drop-down list '''current theme'''
	# Enter a '''theme name'''		# Enter a '''theme name'''
Line 26:		Line 30:


			<!--T:8-->
	'''Note:''' The maximum logo size is 21530 px (the default logo size is 6022 px)		'''Note:''' The maximum logo size is 21530 px (the default logo size is 6022 px)


	=== How to - Edit Application Themes ===		=== How to - Edit Application Themes === <!--T:9-->

			<!--T:10-->
	# Select theme to edit in the drop-down list '''current theme'''		# Select theme to edit in the drop-down list '''current theme'''
	# Change the '''theme name''' if needed		# Change the '''theme name''' if needed
Line 40:		Line 46:


	==== How to - Edit Top Toolbar ====		==== How to - Edit Top Toolbar ==== <!--T:11-->

			<!--T:12-->
	# Select '''logo file name''' with company logo		# Select '''logo file name''' with company logo
	#:* Click '''choose file''' to select a file from your local computer		#:* Click '''choose file''' to select a file from your local computer
Line 58:		Line 65:


	==== How to - Edit Sidebar ====		==== How to - Edit Sidebar ==== <!--T:13-->

			<!--T:14-->
	# Select '''sidebar background''' color		# Select '''sidebar background''' color
	#:* Select in chart		#:* Select in chart
Line 107:		Line 115:


	==== How to - Edit Menu ====		==== How to - Edit Menu ==== <!--T:15-->

			<!--T:16-->
	# '''Dropdown menu'''		# '''Dropdown menu'''
	## Select '''dropdown menu''' color		## Select '''dropdown menu''' color
Line 153:		Line 162:


	==== How to - Edit Activity Panel ====		==== How to - Edit Activity Panel ==== <!--T:17-->

			<!--T:18-->
	# Select '''header background''' color		# Select '''header background''' color
	#:* Select in chart		#:* Select in chart
Line 185:		Line 195:


	==== How to - Edit Controls ====		==== How to - Edit Controls ==== <!--T:19-->

			<!--T:20-->
	# '''Buttons'''		# '''Buttons'''
	## Select '''button background''' color		## Select '''button background''' color
Line 289:		Line 300:


	==== How to - Edit Grid ====		==== How to - Edit Grid ==== <!--T:21-->

			<!--T:22-->
	# Select '''paging text''' color		# Select '''paging text''' color
	#:* Select in chart		#:* Select in chart
Line 313:		Line 325:


	==== How to - Edit Text ====		==== How to - Edit Text ==== <!--T:23-->

			<!--T:24-->
	# Select '''heading color''' text color		# Select '''heading color''' text color
	#:* Select in chart		#:* Select in chart

Sofial: Created page with " == Application Theme == Application branding is an option to add a new common theme or multiple themes available to choose from on user level. Option possible to brand logo, font (style & size) and colors. Under ''my account -> themes'' it is possible for the user to select application theme, please contact [mailto:supportNE@enghouse.com Servicedesk] to activate the theme panel. === How to - Show Application Theme === # Click the {{Link}}ApplikationA..."

2023-01-17T12:25:13Z

Created page with "<translate> == Application Theme == Application branding is an option to add a new common theme or multiple themes available to choose from on user level. Option possible to brand logo, font (style & size) and colors. Under ''my account -> themes'' it is possible for the user to select application theme, please contact [mailto:supportNE@enghouse.com Servicedesk] to activate the theme panel. === How to - Show Application Theme === # Click the {{Link}}ApplikationA..."

New page

<translate>
== Application Theme ==

Application branding is an option to add a new common theme or multiple themes available to choose from on user level. Option possible to brand logo, font (style & size) and colors.

Under ''my account -> themes'' it is possible for the user to select application theme, please contact [mailto:supportNE@enghouse.com Servicedesk] to activate the theme panel.

=== How to - Show Application Theme ===

# Click the [[{{Link}}ApplikationAdmin Default|role Application Maintenance]]
# Click '''Custom configuration > Application Theme'''
#:* The view application theme is shown

=== How to - Create a New Application Theme ===

# Select ''new theme'' in the drop-down list '''current theme'''
# Enter a '''theme name'''
# '''Copy settings from''' another application theme or select ''- blank -''
#:* Use e.g. when you want to create a new theme with a minor change from an existing theme
# Check the '''default theme''' box if you want to set the theme as default
#:* The default theme is applied to all users that don´t have a personal theme the next time they logon to Pro 9
# Select settings for logo, buttons, top toolbar, controls, grid, text and sidebar, description below
# Click '''save'''

'''Note:''' The maximum logo size is 215*30 px (the default logo size is 60*22 px)

=== How to - Edit Application Themes ===

# Select theme to edit in the drop-down list '''current theme'''
# Change the '''theme name''' if needed
# '''Copy settings from''' another application theme if needed
# Check/uncheck the '''default theme''' box if needed
#:* The default theme is applied to all users that don´t have a personal theme the next time they logon to Pro 9
# Edit settings for logo, buttons, top toolbar, controls, grid, text and sidebar if needed, description below
# Click '''save'''

==== How to - Edit Top Toolbar ====

# Select '''logo file name''' with company logo
#:* Click '''choose file''' to select a file from your local computer
# Select '''top toolbar background''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''top toolbar title''' text color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''top toolbar icons''' color
#:* Select in chart
#::: - or -
#:* Add a color code

==== How to - Edit Sidebar ====

# Select '''sidebar background''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''extended sidebar background''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''my favorite sidebar background''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''sidebar text''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''extended sidebar text''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''favorite extended sidebar text''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''sidebar text font''' in the drop-down list
# Select '''sidebar icons''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''sidebar top icons''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''sidebar dividers/borders''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''sidebar footer background''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''sidebar footer text''' color
#:* Select in chart
#::: - or -
#:* Add a color code

==== How to - Edit Menu ====

# '''Dropdown menu'''
## Select '''dropdown menu''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''toolbar Icons menu''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''toolbar icons menu label''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''action drop background''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''action drop hover text''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''action drop sub menu''' color
##:* Select in chart
##::: - or -
##:* Add a color code
# '''Search'''
## Select '''filter menu background''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''search labels text''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''search menu borders''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''search menu text''' color
##:* Select in chart
##::: - or -
##:* Add a color code

==== How to - Edit Activity Panel ====

# Select '''header background''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''header text/icons''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''active-tab underline''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''background''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''expanded background''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''dividers''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''activity Icons''' color
#:* Select in chart
#::: - or -
#:* Add a color code

==== How to - Edit Controls ====

# '''Buttons'''
## Select '''button background''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''button hover''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''button text''' color
##:* Select in chart
##::: - or -
##:* Add a color code
# '''Back to top'''
## Select '''back to top icon''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''back to top icon hover''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''back to top icon background''' color
##:* Select in chart
##::: - or -
##:* Add a color code
# '''Two lists'''
## Select '''two lists background''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''two lists text''' color
##:* Select in chart
##::: - or -
##:* Add a color code
# '''Tabs'''
## Select '''active tab underline''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''active tab text''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''in-active tab text''' color
##:* Select in chart
##::: - or -
##:* Add a color code
# '''Dropdown list'''
## Select '''dropdown list background''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''dropdown list text''' color
##:* Select in chart
##::: - or -
##:* Add a color code
# '''Textbox'''
## Select '''textbox input text''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''textbox background''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''textbox borders''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''textbox focused borders''' color
##:* Select in chart
##::: - or -
##:* Add a color code
# '''Checkbox'''
## Select '''checkbox borders''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''checkbox checked sign''' color
##:* Select in chart
##::: - or -
##:* Add a color code
# '''Others'''
## Select '''datepicker background''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''information text''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''information text background''' color
##:* Select in chart
##::: - or -
##:* Add a color code
## Select '''copy to clipboard icon''' color
##:* Select in chart
##::: - or -
##:* Add a color code

==== How to - Edit Grid ====

# Select '''paging text''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''main body background''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''grid odd rows''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''grid top/bottom borders''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''grid sub panel borders''' color
#:* Select in chart
#::: - or -
#:* Add a color code

==== How to - Edit Text ====

# Select '''heading color''' text color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''application body font''' in drop-down list
# Select '''heading text style'''
#:* None - Default heading text style ''capitalize'' is selected
#:* Uppercase - If you want uppercase letters in heading text style
#:* Lowercase - If you want lowercase letters in heading text style
#:* Capitalize - If you want first letter in heading text style to be uppercase followed by lowercase letters
# Select '''link color''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''link focused''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''descriptive text''' color
#:* Select in chart
#::: - or -
#:* Add a color code
# Select '''label color''' color
#:* Select in chart
#::: - or -
#:* Add a color code

</translate>

[[Category:F01{{Langcat|ApplikationAdmin ApplicationThemes}}]]