Cg van at 09:59, 13 December 2011

2011-12-13T09:59:33Z

← Older revision		Revision as of 09:59, 13 December 2011
Line 1:		Line 1:
	[[Category:Monitor sites]]		[[Category:Monitor sites]]
			{{HelpFiles_Report_Module}}

	===Skin customization===		===Skin customization===

Cg_pham at 04:32, 29 March 2011

2011-03-29T04:32:12Z

← Older revision		Revision as of 04:32, 29 March 2011
Line 1:		Line 1:
	[[Category:~~HelpBooks~~]]		[[Category:Monitor sites]]

Catglobe: jrfconvert import

2011-03-07T09:04:51Z

jrfconvert import

New page

[[Category:HelpBooks]]

===Skin customization===

This tab will depend on your chosen skin and shows a left menu with the main areas of graphics you can set up for your monitor site. When you click on any of these menu items the detailed settings for the area will appear on the right side.

[[Image:5363.png|800px|Image1]]

Below we will give a short introduction to each of the areas and settings that exists for skins.

{| class="tableintopic" style="border-collapse: collapse; border: 1px solid #010101" width="990" border="1" cellpadding="2"
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" bgcolor="#FF8000" |
Setting
| style="border: 1px solid #010101" width="192" bgcolor="#FF8000" |
Applicable for area (skin)
| style="border: 1px solid #010101" width="636" bgcolor="#FF8000" |
Description
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Logo
| style="border: 1px solid #010101" width="192" |
Top logo area (Old)

Bottom logo area (Old)

Header area (Simple)
| style="border: 1px solid #010101" width="636" |
This is a drop down of all the images that have been related to the Monitor site. In order to have any choices in this drop down, you need to go to the image tab of the Monitor resource dialog and add the logos that you require. After this you should click save for the logos to be available. If one of the sides exceeds the limit, the logo is proportionally resized to fit the area's size.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Height
| style="border: 1px solid #010101" width="192" |
Top logo area (Old)

Bottom logo area (Old)
| style="border: 1px solid #010101" width="636" |
The height of the area in which you place the logo. You should make it at least as high as the size of the logo.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Background color
| style="border: 1px solid #010101" width="192" |
Top logo area (Old)

Bottom logo area (Old)

Navigation area (Old)

Criteria area (Old)

Chart area (Old)

Tool bar area (Old)

Header area (Simple)
| style="border: 1px solid #010101" width="636" |
Background colors are both used where there may and may not be a logo in front. If no logo then the background color will obviously only have text to be on top of the color shown in the stated area. If there is a logo in front you should consider that the background color and logo are similar, since we can often extend the areas besides which the logo appears with the effect that an "uncovered" area will be explored. This will look best if that area has the same color as the logo.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Background image
| style="border: 1px solid #010101" width="192" |
Top logo area (Old)

Bottom logo area (Old)

Navigation area (Old)

Criteria area (Old)

Tool bar area (Old)

Navigation bar area (Simple)
| style="border: 1px solid #010101" width="636" |
Instead of a background color it is also possible to user a background image. When choosing this there are a number of additional settings that will influence how this background image is placed. See the settings Repeat, Horizontal position and Vertical position for more information.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Repeat
| style="border: 1px solid #010101" width="192" |
Top logo area (Old)

Bottom logo area (Old)

Navigation area (Old)

Criteria area (Old)

Tool bar area (Old)
| style="border: 1px solid #010101" width="636" |
Specifies whether the background image should be repeated if it does not cover the entire background. Also specifies if the repetition should be in vertical or horizontal direction.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Horizontal position
| style="border: 1px solid #010101" width="192" |
Top logo area (Old)

Bottom logo area (Old)

Navigation area (Old)

Criteria area (Old)

Tool bar area (Old)
| style="border: 1px solid #010101" width="636" |
Specifies where the image will start from horizontally when being shown.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Vertical position
| style="border: 1px solid #010101" width="192" |
Top logo area (Old)

Bottom logo area (Old)

Navigation area (Old)

Criteria area (Old)

Tool bar area (Old)
| style="border: 1px solid #010101" width="636" |
Specifies where the image will start from vertically when being shown.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Content
| style="border: 1px solid #010101" width="192" |
Welcome page (Old)
| style="border: 1px solid #010101" width="636" |
The text that will appear in the main area when you first time open the monitor. Should be a small welcome text.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Width
| style="border: 1px solid #010101" width="192" |
Left panel area (Old)
| style="border: 1px solid #010101" width="636" |
The width of the left panel area as set in pixels.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Font color / Text color
| style="border: 1px solid #010101" width="192" |
Criteria area (Old)

Navigation bar area (Simple)
| style="border: 1px solid #010101" width="636" |
Font color can here be set for all normal text.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Link color
| style="border: 1px solid #010101" width="192" |
Command panel area (Simple)

Navigation bar area (Simple)
| style="border: 1px solid #010101" width="636" |
The links to features or pages will have a color when not having rollover or disabled status of the link. This color is set here.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Rollover link color
| style="border: 1px solid #010101" width="192" |
Command panel area (Simple)

Navigation bar area (Simple)
| style="border: 1px solid #010101" width="636" |
The color that menu and navigation links will have when mouse passes over them.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Disable link color
| style="border: 1px solid #010101" width="192" |
Command panel area (Simple)
| style="border: 1px solid #010101" width="636" |
The color that menu and navigation links will have when they are disabled and cannot be clicked.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Tool bar color
| style="border: 1px solid #010101" width="192" |
Criteria panel area (Simple)
| style="border: 1px solid #010101" width="636" |
The color of the tool bar.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Criteria area color
| style="border: 1px solid #010101" width="192" |
Criteria panel area (Simple)
| style="border: 1px solid #010101" width="636" |
The color of the criteria area.
|- align="left" valign="top"
| style="border: 1px solid #010101" width="162" |
Title color
| style="border: 1px solid #010101" width="192" |
Criteria panel area (Simple)
| style="border: 1px solid #010101" width="636" |
The color of the title area.
__NOTOC__

Skin customization - Revision history

Cg van at 09:59, 13 December 2011

Cg_pham at 04:32, 29 March 2011

Catglobe: jrfconvert import