WebDir 4.0 provides a very simple to use administrative
interface that allows system administrators to quickly and easily customize the
look and feel of the application. These
customizations will allow WebDir to more seamlessly integrate into your corporate
intranet or extranet.
UI changes are made through System Manager’s design node. Each virtual server has its own design settings
allowing for multiple interfaces to the same directory, each with their own look
and feel.
This document is intended to provide additional detail on
each customization section, including sample images. The sample
images include references to the specific font or color setting to change that specific
area.
There are three sections to the Look and Feel tab within
System Manager Design:
·
Edit Font
·
Edit Colour
·
Edit Images
Edit
Font
WebDir allows you to customize the fonts used in the web
interface. Every font used within WebDir
can be changed by selecting a font setting and clicking edit.
Each font has the following settings:
·
Name:
The name is the internal identifier used by WebDir to identify the font. It cannot be changed.
·
Family:
Specify the font family that should be used.
Separate multiple family names with commas.
Fonts are used in the order specified.
If the first font is not available on the user's machine the next font will be
used. If none of the specified fonts
are available the browser will use the default font specified on the user's machine.
·
Color:
Specify the color that should be used to render the font.
The color can be specified by name or by hex RGB value.
Not all browsers support named colors.
It is best to use the RGB number.
Samples:
o
Color by name: red
o
Color by RGB: #FF0000
Note: If a color is not specified by default than a color
is not necessary for the font and WebDir will ignore any font color specified.
·
Size:
Specify the size of the font. Sizes
can be specified in several different units including percentages, points, and pixels. It is recommended you specify font sizes
in pixels for browser compatibility.
Samples:
o
Size by percent:
10%
o
Size by points:
10pt
o
Size by pixels:
10px
Note: If a size is not specified by default than a size
is not necessary for the font and WebDir will ignore any font size specified.
Font Settings
|
Field
|
Key
|
Description
|
Default Value
family = Tahoma,Arial,Helvetica,
sans-serif
|
|
Toolbar
|
A
|
Text color in toolbar displaying user name, help and contact links.
|
#000000
10px
|
|
WizardValue
|
B
|
Text color of user data in Update Wizard.
|
#000000
12px
|
|
PageTitle
|
C
|
Title displayed in body of page, used on Search Results, Welcome,
Update
|
#494871
18px
|
|
SearchHeader
|
D
|
Text color of search results column headers
|
#FFFFFF
10px
|
|
InactiveTab
|
E
|
Text color of the inactive tabs in My Properties, Groups
|
#333333
12px
|
|
Default
|
F
|
Text color of hyperlinks within the body frame excluding SearchRecord
hyperlinks.
|
#000000
12px
|
|
SearchRecord
|
G
|
Text color of “search again” and “send to excel” hyperlinks on Search
Results page
|
#000000
10px
|
|
PropertyLabel
|
H
|
Color of property labels (field labels) on My Properties, Groups,
etc.
|
#000000
12px
|
|
NavigationBarLinksHover
|
I
|
Color of the links in the navigation bar (left hand vertical) when
they are hovered over.
|
#000000
12px
|
|
PageFooter
|
J
|
Footer text color
|
#494871
9px
|
|
NavigationBarLinks
|
K
|
Color of the links in the navigation bar.
|
#000000
12px
|
|
Page
|
L
|
Not in use at this time
|
#000000
10px
|
|
WizardLabel
|
M
|
Color of the field labels in the Update Wizard.
|
#000000
12px
|
|
ActiveTab
|
N
|
Text color of the active tab in My Properties, Groups
|
#000000
12px
|
|
PropertyValue
|
O
|
Color of the property values of all fields, excluding hyperlinks
and search results pages.
|
#000000
12px
|
|
SearchFooter
|
P
|
Color of the text in the search footer bar listing the # of objects
found.
|
#FFFFFF
10px
|
Edit
Colours
Colors are used within the web interface for rendering
different items. Each color has the
following settings:
·
Name:
The name is the internal identifier used by WebDir to identify the color. It cannot be changed.
·
Color:
Specify the color that should be used.
The color can be specified by name or by hex RGB value.
Not all browsers support named colors.
It is best to use the RGB number.
Samples:
o
Color by name: red
o
Color by RGB: #FF0000
Note: If a color is not specified by default than a color
is not necessary for the font and WebDir will ignore any font color specified.
Color Settings
|
Field
|
Key
|
Description
|
Default Value
|
|
ToolbarBorder
|
1
|
Border above and below the toolbar (shaded horizontal bar displaying
username, help and contact links)
|
#B3D5F7
|
|
PageHeaderBackground
|
|
Not in use at this time.
|
#FFFFFF
|
|
PageBackground
|
3
|
Background of logo area and “core” page section
|
#FFFFFF
|
|
PageFooterBorder
|
4
|
Border above / below the page footer
(“Powered by Imanami Webdir”)
|
#EDEEF1
|
|
PageTitleBar
|
5
|
Second horizontal bar
on page, to the right of the current “action”, e.g. Welcome, MyProperties,
|
#FCC745
|
|
NavigationBarBorder
|
6
|
Border of the vertical navigation bar on the left hand side of the
page (includes navigation links including search, groups, update)
|
