|
IRM Now Supports Cascading Style
Sheets
Added: 7/21/2003 IRM Revision: 2.194 Article
ID: I000077
To Enable:
Update to IRM Revision
2-194. To Disable:
Cannot be disabled - this is an automatic feature.
|
Style
Sheets Overview
The IRM can now use style sheets to
change the colors, font face, font size on all pages. Style sheets
allow these changes to be made in one place and then effect all pages in
the IRM. Style sheets can get very complex and a working knowledge
of HTML and web design is essential. It is best to have the web
designer of your marketing site help with the IRM style sheet. RDP
Support can help with the mechanics and some very basic style sheet
changes.
There are two style sheets in the IRM:
- IRM Style Sheet
- All IRM pages read a user defined style
sheet. Style sheets are located in the IRM root folder
(c:\inetpub\wwwroot\IRM). The RDP default style sheet is StyleSheet1.css.
New custom style sheets can be created. See 'Creating New Style
Sheets' below
- Owner Style Sheet
- All Owner pages read RDPWebStyle1.css.
This file is located in the IRM\RDPWeb folder
(c:\inetpub\wwwroot\IRM\RDPWeb). This file will be overwritten on
each update of the IRM, it is recommended that this style sheet not be
changed. If needed a copy can be made, modified and copied back
after each update.
|
Creating New
IRM Style Sheets
A style sheet list is kept in Table W3.
This list appears on the IRM configuration page as a drop down list.
Follow the steps below to add a style sheet for the IRM.
- Use RDP 090 to add a style sheet file
name and description to Table W3. The sub-record decides the
order the style sheets are displayed, so it is best to use a two
number sub-record like 01, 09, 10, etc. The IRM default style
sheet is sub-record 00.
- Copy the IRM default style sheet to the
file name entered in Table W3 above. The default style sheet is
located on the IRM bridge server at
c:\inetpub\wwwroot\irm\StyleSheet1.css. Always use the extension
of 'css'.
- Use Notepad or some third
party style sheet editor to modify the new style sheet.
- Display the IRM Configuration page (Use
the Monitor and click on 'IRM Options'). Set the style sheet to
the new name and click 'Save' at the bottom of the page.
- View all the IRM pages to make sure all
the changes are correct.
|
Style
Sheet Definitions
There are two
types of definitions in the style sheet as follows:
- Standard HTML Elements
- These are standard HTML tags such as Body,
Table, TH (Table Header), etc. Any HTML tag can be added to the
style sheet and then its styles can be changed. Once the style is
applied to an HTML tag, all HTML tags in all the pages will get that new
style. In a style sheet, the names of these elements do not begin
with a period.
- Custom Classes
- The names of all custom classes in a style
sheet begin with a period. These classes must be assigned in the
IRM by RDP for each element that will get this style. Customers
can not define new custom classes. For example, the
".ErrMsg" style is placed wherever RDP displays an error type
message in the IRM. The customer can define what the error looks
like, but not where it is applied.
|
| IRM -
StyleSheet1.css & RDPWebStyle1.css |
| Element |
Description |
| A |
Hyperlinks |
| Body |
The container for all other elements |
| Table |
Tables - All RDP Pages are Tables |
| TH |
Table Header |
| UL |
Bullet Lists |
| .CalendarColorKey |
The Key or Legend displayed above
the room calendar |
| .CalendarBackgroundGuestOfOwner |
Background for Guest of Owner Days |
| .CalendarBackgroundMaint |
Background for Rooms Under
Maintenance |
| .CalendarBackgroundOccupied |
Background for Occupied Paying
Guests |
| .CalendarBackgroundOwner |
Background for Owner Days |
| .CalendarBackgroundVacant |
Background for Vacant Days |
| .CalendarDay |
Days of the current month |
| .CalendarOffDay |
Days not in the current month |
| .CalendarThisRes |
Days for the current reservation |
| .CalendarWeekDay |
Day of the week (Mo, Tu, We, etc.) |
| .CalendarMonth |
Month (April, May, June, etc.) |
| .ErrMsg |
Error text |
| .HelpText |
Instruction text - Normally Blue |
| .HelpTextBold |
Instruction text - Normally Blue
& Bold |
| .NoBorder |
Used on images to suppress a border |
| .ShortButton |
Used on buttons |
| .Title |
The title on each page.
Normally Large, Blue & Bold |
|
How Do I
Change...
This is some of the common things
to change in the IRM. There are thousands of other attributes that
can be changed. You should either study style sheets or find someone
who can help change styles. RDP Support does not have full Style
Sheet knowledge.
| Top or side banner background color |
Use the IRM Configuration page |
| Top or side banner foreground color |
Use the IRM Configuration page |
| Top or side banner background image |
Use the IRM Configuration page |
| Top or side banner hyperlink color |
Use the IRM Configuration page |
| Action tables background |
Use the IRM Configuration page |
| Information tables background |
Use the IRM Configuration page |
| Background image for all pages |
Use the IRM Configuration page |
| Background color on all pages |
Use the IRM Configuration page
OR
1) Delete the setting in the IRM Configuration page
2) Set the Background-Color attribute on the Body tag |
| Font color on all pages |
Color attribute on Body
tag |
| Font type (family) on all pages |
Font-Family attribute on Body
tag |
| Font size on all pages |
Font-Size attribute on Table
tag |
| Table Heading Attributes |
Color, Font-Size, Font-Weight
on TH tag |
| Error Message Attributes |
Color, Font-Size, Font-Weight
on .ErrMsg tag |
| Help Text Attributes |
Color, Font-Size, Font-Weight
on .HelpText tag |
| Bold Help Text Attributes |
Color, Font-Size, Font-Weight
on .HelpTextBold tag |
|
Style
Element Format
Style sheets are text files and can
be changed with a number of tools. See "Style Sheet
Editors" below. The format of a style element is seen below:
BODY
{
FONT-SIZE: 9pt;
Margin: 0;
COLOR: Black;
FONT-FAMILY: Arial;
}
Each element has its attributes within curly brackets "{
}". Each attribute name is specifically defined by the W3C in
the Cascading Style Sheet specifications (See www.w3.org/Style/CSS/).
If an incorrect or misspelled attribute is used, it will be ignored.
No error will be generated. The Style Pad product seen below will
test for valid styles.
The element format is:
Attribute Name: Attribute Setting;
The attribute name is always followed by a colon and the attribute setting
is always followed by a semi-colon.
|
Style Sheet
Editors
- Windows NotePad
- www.cfisoft.com Product: Style
Pad Download 30 Day Free Trial - Cost $24.00
- Other third party style sheet
editors
|
