Property Connect - To customize the logo and site name

1. Prepare a small version of your logo.  Many free online tools can help do this, such as Rsizr (http://rsizr.com/).  We recommend creating a JPG or PNG image that is close to 80x80 pixels in size.
2. Copy the logo file to (Your RFMS Directory)>www>PropertyConnect.
3. Open the “config.js” file in the root folder of your website in a text editor program such as Notepad.  You may change the store name here, and you should update the logo name to match your new logo.  Only the logo name must be change along with its extension. (Eg: “logo_name” is invalid, “logo_name.jpg” is valid.

Select a preset theme

1. Go to http://jqueryui.com/themeroller/ and select “Gallery” on the left.  Then select a theme from the list.
2. When you are satisfied with your theme, select “Download theme.”

Build a custom theme

1. Go to http://jqueryui.com/themeroller/ and select “Gallery” on the left.  Then select Redmond.  This is the current base theme for the site.
2. Switch back to “Roll Your Own” on the left.
3. Select your preferred colors in each sub-category.  Press enter while in a field to update the graphics on the right.  You should do this again just before downloading the theme.
4. When you are satisfied with your theme, select “Download theme.”
5. On the theme download page, be sure that the dropdown on the right says “Custom Theme.”  If this is not correct, you will need to go back to the previous page and make sure your customizations are shown on the right.

Install the theme

1. On the theme download page, make sure all of the components are checked.
2. Select the 1.9.x version of jQuery on the right.
3. Click “Download.”
4. Back up your Property Connect folder on the server.  (The default location is C:\inetpub\wwwroot\PropertyConnect)
5. Open the downloaded zip file and extract it.
6. In the extracted folder, find the jquery-ui-1.8. <version>.custom.css under the css\custom-theme directory and rename it to jquery-ui.custom.css.
7. In the extracted folder, find the jquery-ui-1.8. <version>.custom.min.js under the js directory and rename it to jquery-ui.custom.min.js.
8. Copy the jquery-ui.custom.css file and the images folder from inside the extracted css\custom-theme folder to your PropertyConnect\Scripts folder.  This will replace existing files.
9. Copy the jquery-ui.custom.min.js file inside the extracted js folder to your PropertyConnect\Scripts folder.  This will replace an existing file.