Support Home Sales Website Technology Contact Us
RDP Support  


RDPWin KB Booking Engine - IRM.Net RDPWin4 & PCI Compliance Search

Most Commonly Changed IRM.Net Styles

Index
Article ID#: KINet0049
Added: 4/4/12
Updated: 5/4/12

 

This document is intended to outline the locations within the IRM.Net that can be customized with a theme to compliment or match the marketing website. Each page is listed below with various items that can be customized.

Create a Custom Theme

The IRM.Net uses themes (a set of style sheets) to change the colors, font face, font size on all pages. Themes can be complicated to the average web user and should be maintained by a qualified web designer familiar with themes, in order to match the IRM.Net pages with unique marketing sites.


  • Themes: Group of files (CSS and Images) that define the look-and-feel of Web Pages. Themes 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 themes. RDP Support cannot help with the mechanics of theme changes.


Before customizing your IRM.Net using any themes, update your version of RDPWin and IRM.Net.

 

  1. Create a new folder under c:/Inetpub/wwwroot/IRMNet/App_Themes for the new theme such as c:/inetpub/wwwroot/IRMNet/App_Themes/MyThemes.
  2. Copy all files from IRMNet/App_Themes/DefaultBlue to the new theme folder created in Step 1.  Give "write access" to the stylesheet (*.css) and skin (skin.skin) files in the new folder.
  3. Make the desired changes to the stylesheets and skin in the new theme folder.

    WARNING:  Do not change the default theme files or pages shipped by RDP, as these will be overridden with an IRM.Net update. Any new folders created are not replaced by IRM.Net updates. Create additional style sheets in the custom theme folder.  All style sheets in the folder are included.

In order for the IRM.Net to use the new theme, follow the steps provided under Color Schemes. Additional information about themes is available in the IRM.Net Customization article.

ResMain.aspx Page

The ResMain.apx page displays the dates, preferences, and rooms or room types when the guest first enters the IRM.Net. 


ResMain page

Rounded or Square Boxes

IRM.Net has the option for rounded or square boxes. The RoundedBoxes.css contains the styles for all boxes. Below is a sample of a rounded box.

Rounded box

There are several Classes within the RoundedBoxes.ccs that can be changed for various locations within the IRM.Net. For a list of class names and IRM.Net page locations, see Change Rounded Boxes for details.

The following style classes located in RoundedBoxes.css are specific to the ResMain page.

  • RoundedBox1: Box around the dates and search criteria.
  • RoundedBox2: Box around the Available Rooms list.


To create Rounded Boxes: see Change Rounded Boxes Using CCS3 for details.

To create Square Boxes:  see Change Rounded Boxes to Square Boxes for details.

Available Rooms List

The Available Rooms List displays all rooms or room types available for the selected days.  The many style classes that can be changed are listed below with the corresponding style sheet.

The list includes the style class and the description for changes to the ResStyle.css.

  • RoomListRow: Available Rooms list using one color with a border between. See IRM.Net Timeshare Demo for an example. If only one color is needed for the rows, use the same styling for RoomListAlternateRow as was used in RoomListRow.
  • RoomListAlternateRow:  Available rooms list alternating row. If two colors are needed, enter the new color in this class.  If only one color is needed for the rows, use the same styling for RoomListAlternateRow as was used in RoomListRow.  The image under the ResMain.aspx section is an example of alternating colors.
  • RoomListHeader: Top of the available rooms list.
  • RoomListFooter: Bottom of the available rooms list. 
  • RoomListHeaderNotAvail: Top of the available rooms list including a message when no rooms are available.

The list below includes the style classes and descriptions for changes to the ResMain.css.

  • ProgressIndicator: The green progress spinner bar that displays when rooms are loading.
  • viewLinks: The style for the 'Calendar,' 'Photos,' 'Details,' and 'Map' links under each room.  These are just hyperlinks by default, as shown the image in the ResMain.aspx section. They can be styled to look more like buttons.

The list below includes the style classes and descriptions for changes to the Calendar.css. These styles affect the calendar that displays when the Calendar link is clicked. For more calendar information see Calendar Styles.

  • CalendarMonth: Changes the month title background and text colors. This also determines the styling of the calendar that pops up when select the arrival and departure dates.
  • CalendarBackgroupOccupied and CalendarBackgroundOccupiedThisRes: Displays when dates are unavailable.
  • CalendarBackgroundVacant and CalendarBackgroundVacantThisRes: Displays when dates are available.

The list below includes the style classes and descriptions for changes to the Grids.css. These styles affect the rates table display when the Rates link is clicked.

  • GridHeader: Header row of the rates table. This also affects various owner page tables.
  • GridRow: Set the background color of the rate tables with a single color.
  • GridAlternateRow: Set the background color of the rate tables to alternate colors.

To change the width of the available rooms list, see Change Width article for details.

Button Images can be changed for all pages. The button image URLs are specified in the skin.skin file.  button image
For details on changing button images, see IRM.Net Customization, Change Button Images.

VirtualStore.aspx

The Virtual Store allows guest to select extra items or activities in addition to their reservation. Virtual Store pages display after the guest has selected the room and rates. Virtual Store requires the Virtual Store Module (S1) to be installed.

Virtual Store

Rounded or Square Boxes

The IRM.Net's Virtual Store has the option for rounded or square boxes. The RoundedBoxes.css contains the styles for all boxes.

The following style classes located in RoundedBoxes.css are specific to the Virtual Store.

  • RoundedBox3: Reservation summary box and cart summary box located on the left side of the screen.
  • RoundedBoxVS1: Box around the Virtual Store activities list on the right pane.
  • RoundedBoxVS2: Box around the Virtual Store intro panel on the right pane.

For details on making rounded or square boxes, see Rounded Boxes or Square Boxes page.

ResStyles.css

The following style classes for the Virtual Store reside in the ResStyles.css.


  • ResSummaryHeading: Title text in the Reservation Summary box. This needs to contrast with the background color of RoundedBox3.
  • CartListRow: Set a single background color of Virtual Store activity detail row.
  • CartListAlternateRow: Set an alternating back ground color of the Virtual Store activity detail row.
  • RoomListHeader: Top and bottom of the cart items list (Cart Summary and Activities Total lines).

ResEntry.aspx

The ResEntry.aspx page is the where the guest enters their contact information to complete the booking. Certain fields can be required or omitted based on the IRM.Net Configuration.

Res Entry page

Rounded or Square Boxes

The IRM.Net's Res Entry page has the option for rounded or square boxes. The RoundedBoxes.css contains the styles for all boxes.

The following style classes are located in RoundedBoxes.css:

  • RoundedBox3: Guest login box and reservation summary box on the left side.
  • RoundedBox4: Boxes around the data entry sections.
  • RoundedBoxGuestComments: Box around the guest request fields, if enabled.

For details on making rounded or square boxes, see Rounded Boxes or Square Boxes page.

ResStyles.css

The following style class for the Res Entry page resides in the ResStyles.css.


  • ResSummaryHeading: Title text in the Reservation Summary box needs to contrast with the background color of RoundedBox3.

ResConfirm.aspx

The ResConfirm.aspx page displays once the reservation booking is complete. This page recaps the information about the reservation and provides the confirmation number.

Res Confirm

Rounded or Square Boxes

The IRM.Net's Res Confirm page has the option for rounded or square boxes. The RoundedBoxes.css contains the styles for all boxes.

The following style class is located in RoundedBoxes.css:

  • RoundedBox5: Confirmation page box around the summary of the guest's information.

For details on making rounded or square boxes, see Rounded Boxes or Square Boxes page.

ResStyles.css

The following style class for the Res Confirm page resides in the ResStyles.css.


  • ConfirmationHeading: Confirmation number text needs to contrast with the background color of RoundedBox5.

RoomDetailsPage.aspx

The RoomDetailsPage.apx displays information describing the room. The width of the Room Detail page can be changed by making modifications to the style sheet. See Change Width of RoomDetailsPage for details.

Rounded or Square Boxes

The Room Details page has the option for rounded or square boxes. The RoundedBoxes.css contains the styles for all boxes.

The following style class is located in RoundedBoxes.css:

  • RoundedBox6: Box around tabs on the page.

For details on making rounded or square boxes, see Rounded Boxes or Square Boxes page.

Calendar.css and Grids.css

Styles from the Calendar.css and Grids.css described above for the ResMain.aspx page also apply to this page.

Customizable Files Not Visible from "See File Names"

Most of the IRM.Net customizable files names are visible from the IRM.Net Monitor's "See File Names" link. However, there are some customizable files that are only applicable under specific conditions and do not normally appear.   

For a complete list of these files and where they reside, see Customizable Files Not Visible for details.

Additional Topics

The following article links include additional topics for styling and customizing the IRM.Net.

 
Support Home  RDPWin4 & PCI Compliance Enhancement Requests Open A Web Support Ticket
Training New Sales Website Old Sales Website Contact Us

 Facebook     Twitter      LinkedIn   TODF