Appboard/old/style guide - Revision history

imported>Jason.nicholls: /* Compiling a Custom Skin */

2014-07-17T10:29:26Z

Compiling a Custom Skin

← Older revision		Revision as of 10:29, 17 July 2014
Line 120:		Line 120:
	== Compiling a Custom Skin ==		== Compiling a Custom Skin ==

	# Perform all of the instructions in the article [[~~Creating_a_Custom_AppBoard_Widget~~#Setting_up_a_Development_Environment\|Creating a Custom AppBoard Widget]], to configure your development environment.		# Perform all of the instructions in the article [[appboard/old/custom_flex_widgets#Setting_up_a_Development_Environment\|Creating a Custom AppBoard Widget]], to configure your development environment.
	# Customize the CSS file [Appboard_VisualBuilder_SDK]/src/customStyle.css per the instructions detailed in this document.		# Customize the CSS file [Appboard_VisualBuilder_SDK]/src/customStyle.css per the instructions detailed in this document.
	# Click the "Debug" button and choose "Appboard_Builder".		# Click the "Debug" button and choose "Appboard_Builder".
Line 126:		Line 126:

	{{Note\|The CustomStyle.swf file is automatically referenced and will be used as the Custom skin. You can see this reference in the file [AppBoard_Home]/webapps/enportal/visualizer/assets/config.xml}}		{{Note\|The CustomStyle.swf file is automatically referenced and will be used as the Custom skin. You can see this reference in the file [AppBoard_Home]/webapps/enportal/visualizer/assets/config.xml}}


	== Replacing Logos and Background Image ==		== Replacing Logos and Background Image ==

2014-07-17T07:26:52Z

Customizing the Login Page

← Older revision		Revision as of 07:26, 17 July 2014
Line 93:		Line 93:

	=== Customizing the Login Page ===		=== Customizing the Login Page ===
	For sample customizations to the system Login Page, see [[~~Login_Page_Customization~~\|Login Page Customization]].		For sample customizations to the system Login Page, see [[appboard/old/login_page_customization\|Login Page Customization]].

	= Appboard Overview =		= Appboard Overview =

2014-07-17T07:24:20Z

Customizing an existing Look and Feel for enPortal

← Older revision		Revision as of 07:24, 17 July 2014
Line 54:		Line 54:


	For a detailed walkthrough of customizing the enPortal Look and Feel, see [[~~EnPortal_LAF_Example~~\|enPortal Look and Feel customization walkthrough]].		For a detailed walkthrough of customizing the enPortal Look and Feel, see [[enportal/old/laf_example\|enPortal Look and Feel customization walkthrough]].

	== enPortal Banner Logo ==		== enPortal Banner Logo ==

2014-07-17T07:22:29Z

← Older revision		Revision as of 07:22, 17 July 2014
Line 4:		Line 4:


	For an introduction to the user experience design philosophy of AppBoard, see [[~~User_Experience_Design~~\|User Experience Design]].		For an introduction to the user experience design philosophy of AppBoard, see [[appboard/old/user_experience_design\|User Experience Design]].

2014-07-17T07:16:33Z

← Older revision		Revision as of 07:16, 17 July 2014
Line 1:		Line 1:
			{{DISPLAYTITLE:Style Guide}}
			[[Category:AppBoard old]]
	This page provides detailed instructions for modifying the styling of enPortal and AppBoard.		This page provides detailed instructions for modifying the styling of enPortal and AppBoard.

2014-07-17T07:15:40Z

← Older revision	Revision as of 07:15, 17 July 2014
(No difference)

2014-07-17T07:12:26Z

Background Image

← Older revision		Revision as of 07:12, 17 July 2014
Line 150:		Line 150:
	# Perform the following to configure the skin to reference the new background image:		# Perform the following to configure the skin to reference the new background image:
	## Log in to AppBoard as an administrator		## Log in to AppBoard as an administrator
	## Launch the [[~~Themes~~\|Theme Editor]]		## Launch the [[appboard/old/themes\|Theme Editor]]
	## Make sure you have created a custom Theme, and are editing that Theme (system Themes are not editable)		## Make sure you have created a custom Theme, and are editing that Theme (system Themes are not editable)
	## Under the "Global" section, check the "Background Image" box and edit the value to the location of your custom image, relative to [INSTALL_HOME]/server/webapps/enportal/visualizer/		## Under the "Global" section, check the "Background Image" box and edit the value to the location of your custom image, relative to [INSTALL_HOME]/server/webapps/enportal/visualizer/
	##* Example: <tt>assets/images/backgrounds/myImage.gif</tt>		##* Example: <tt>assets/images/backgrounds/myImage.gif</tt>


	= Custom Icons =		= Custom Icons =

2013-10-17T05:43:18Z

Customizing an existing Look and Feel for enPortal

← Older revision		Revision as of 05:43, 17 October 2013
Line 52:		Line 52:


	For a detailed walkthrough of customizing the enPortal Look and Feel, see [[~~enPortal_LAF_Example~~\|enPortal Look and Feel customization walkthrough]].		For a detailed walkthrough of customizing the enPortal Look and Feel, see [[EnPortal_LAF_Example\|enPortal Look and Feel customization walkthrough]].

	== enPortal Banner Logo ==		== enPortal Banner Logo ==

2013-08-27T16:54:31Z

s|TextInput

← Older revision		Revision as of 16:54, 27 August 2013
Line 328:		Line 328:


	[[Image:~~textInput~~.png\|thumb\|center\|700px\|Sample wizard linkButtons]]		[[Image:TextInput.png\|thumb\|center\|700px\|Sample wizard linkButtons]]

2013-08-27T16:54:22Z

.buttonLinkButtonWizard

← Older revision		Revision as of 16:54, 27 August 2013
Line 318:		Line 318:
	== .buttonLinkButtonWizard ==		== .buttonLinkButtonWizard ==
	This is identical to the other buttonLinkButtons, but it is tailored to look good in the wizard nav area. (see s\|Button for a visual mapping of CSS attributes)		This is identical to the other buttonLinkButtons, but it is tailored to look good in the wizard nav area. (see s\|Button for a visual mapping of CSS attributes)
	[[Image:~~wizardLinkButtons~~.png\|thumb\|center\|700px\|Sample wizard linkButtons]]		[[Image:WizardLinkButtons.png\|thumb\|center\|700px\|Sample wizard linkButtons]]


	== s\|TextInput ==		== s\|TextInput ==