Versions Compared

Old Version 6

changes.mady.by.user Mercedes Rothwell

Saved on

compared with

New Version Current

changes.mady.by.user Mercedes Rothwell

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Rw ui steps macro
Rw step

Determine the ID name in order to set up the style sheet.

ID NameImage RemovedID NameImage Added

ID Name

Rw step

Find the ID name by right-clicking on the button you would like to start to color. Click on Inspect to bring up the developer mode.

Right-Clickig On ButtonImage RemovedRight-Clickig On ButtonImage Added

Right-Clicking On Button

Rw step

The line with the ID will be already selected.

ID Line

ID Line

Rw step

Double click on the line and copy the ID name.

Copying ID NameImage RemovedCopying ID NameImage Added

Copying ID Name

Rw step

Navigate to the style sheet domain. Administration > List Domains > Style Sheets #480

Style Sheets DomainImage RemovedStyle Sheets DomainImage Added

Style Sheets Domain

Rw step

Create a New Style Sheet.

Creating A New SheetImage RemovedCreating A New SheetImage Added

Creating A New Sheet

Rw step

There are 3 Sections on the Style Sheet Domain:

    1. Name

    2. Style Sheet

    3. CSS Selector  

Style Sheet Sections

Style Sheet Sections

Rw step

Enter the name you would like to use for the Style Sheet in the name field. This can be any unique name for the style sheet. 

Name Style SheetImage RemovedName Style SheetImage Added

Name Style Sheet

Rw step

In the Style Sheet section:

    1. Enter the color you would like to use for the text. There are over 140 general names that can be used as a color. A simple style Color: Red. You can also use various other methods to color. This method is the simplest. See # 17 for a tip.

    2. Enter the color for the Border Color. A simple style Border-Color: Blue

    3. Enter the color for the Background Color. A simple style Background-Color: Green

Set ColorImage RemovedSet ColorImage Added

Set Color

Rw step

In the CSS Selector enter the ID name.  To select elements with a specific ID, write a pound (#) character, followed by the name of the ID. Example: #workitem_actions_button_Complete

CSS SelectorImage RemovedCSS SelectorImage Added

CSS Selector

Rw step

Save. 

Save ButtonImage RemovedSave ButtonImage Added

Save Button

Rw step

Verify your new Style Sheet is saved.

Verify Sheet Is Saved

Verify Sheet Is Saved

Rw step

Clear the Cache. Connect Administration> List Domains> Tools> Cache Management> Clear Configure Cache

Clear CacheImage RemovedClear CacheImage Added

Clear Cache

Rw step

Refresh the page (or use F5) to clear any residuals.

Refresh PageImage RemovedRefresh PageImage Added

Refresh Page

Rw step

Verify you’re the color of the text / border / background has been changed.

Verify Button Style ChangeImage RemovedVerify Button Style ChangeImage Added

Verify Button Style Change

...