2017 R1 Update Rollup 1

Base Color ElementsPermanent link for this heading

A theme defines colors of GUI elements on the “Base Color Elements” tab. The colors are evaluated the following way:

  1. The color defined in the Value field for the corresponding Base Color is used. Possible values are
    • any color in HEX notation (e.g. “#FFFF00”),
    • “transparent” for transparency or
    • no value (if the base color fallback should be used).
  2. If no Value is defined, the Base Color Fallback is used.
  3. Undefined Base Colors are taken from the theme defined on the “Theme” tab in the Based on field.

The following chapters describe the base color elements and settings done by the “Standard” theme.

For DevelopersPermanent link for this heading

Creating New ThemesPermanent link for this heading

After creating a new theme it is not available until you recycle the web services.

Objects of object class Theme must have an ACL that sets the access type AccTypeWebAccess or AccTypeExecApp (e.g. COOSYSTEM@1.1:DefaultSeeInWebACL). Otherwise the contents of the theme are not synchronized to the file system.

Objects of object class Application Dispatcher must have an ACL that sets the access type AccTypeExecApp (e.g. FSCVAPP1.1001:DefaultApplicationACL). Otherwise the contents of the dispatcher are not synchronized to the file system.

Using ThemesPermanent link for this heading

You can define themes

  • for portal pages
  • for individual users (in the user environment)
  • by passing the theme as the URL parameter cs
    Example:
    http://server.com/fsc/fscasp/content/bin/fscvext.dll?
    ax=COO.1.1001.1.32498&cs=COO.1.1001.1.269106

Using colors in CSSPermanent link for this heading

All available base colors are defined in the FSCVAPP@1.1001:ColorBaseType enumeration type. In CSS files the base color can be accessed the following way:

<%enumeration value in lower letters without the "CBT_" prefix%>

Example:

DIV.MyContainer
{

  background-color:<%background%>; /* corresponding to CBT_BACKGROUND */

  
border:solid 1px <%buttonborder%>; /* corresponding to CBT_BUTTONBORDER */
  color:<%fontinactive%>; /* corresponding to CBT_FONTINACTIVE */
}

Abstract Base ColorsPermanent link for this heading

These base colors should not be used directly, but they are used as fallback base colors. Some base colors define both a Value and a Base Color Fallback. In this case the value is used but the additional definition of the base color fallback denotes a useful relation. The user interface would look nice, even if no value is defined. In the following chapters this fact is marked by following phrase: “(own color by default)”.

Background (CBT_BACKGROUND)Permanent link for this heading

In the “Standard” theme the base color “Background” is used for:

  • Background Alternate (own color by default)
    CBT_BACKGROUNDALTERNATE
  • Font Inverse Color
    CBT_FONTINVERSE
  • Page Header Border
    CBT_HEADBORDER
  • Page Background (own color by default)
    CBT_PAGE
  • Container Background
    CBT_CONTAINER
  • Tab Inactive Background (own color by default)
    CBT_TAB

Background Alternate (CBT_BACKGROUNDALTERNATE)Permanent link for this heading

In the “Standard” theme the base color “Background Alternate” is used for:

  • Page Header Box Background
    CBT_ HEADBOX
  • Ribbon Background
    CBT_RIBBON
  • Button Background
    CBT_BUTTON
  • List Header Background
    CBT_LISTHEAD
  • List Alternate Row Background (own color by default)
    CBT_LISTALTERNATE

Border (CBT_BORDER)Permanent link for this heading

In the “Standard” theme the base color “Border” is used for:

  • Border Inactive (own color by default)
    CBT_ BORDERINACTIVE
  • Page Border
    CBT_PAGEBORDER
  • Container Border
    CBT_CONTAINERBORDER
  • Container Slider (own color by default)
    CBT_CONTAINERSLIDER
  • Menu Border
    CBT_MENUBORDER

Border Inactive (CBT_BORDERINACTIVE)Permanent link for this heading

In the “Standard” theme the base color “Border Inactive” is used for:

  • Page Header Box Border
    CBT_HEADBOXBORDER
  • Tab Inactive Border
    CBT_TABBORDER
  • Ribbon Border
    CBT_RIBBONBORDER
  • Button Border
    CBT_BUTTONBORDER

Hover Background (CBT_HOVER)Permanent link for this heading

In the “Standard” theme the base color “Hover Background” is used for:

  • Selection Inactive Background
    CBT_SELECTINACTIVE
  • Page Header Hover Background (own color by default)
    CBT_HEADHOVER
  • Ribbon Hover Background (own color by default)
    CBT_RIBBONHOVER
  • Menu Hover Background
    CBT_MENUHOVER
  • List Hover Background
    CBT_LISTHOVER
  • Form Entry Hover Background
    CBT_ENTRYHOVER

Selection Background (CBT_SELECT)Permanent link for this heading

In the “Standard” theme the base color “Selection Background” is used for:

  • Ribbon Selected Background (own color by default)
    CBT_RIBBONSELECT
  • Menu Selection Background
    CBT_MENUSELECT
  • Button Hover Background
    CBT_BUTTONHOVER
  • Button Selection Background
    CBT_BUTTONSELECT
  • List Selection Background
    CBT_LISTSELECT
  • Form Entry Selection Background
    CBT_ENTRYSELECT

Selection Inactive Background (CBT_SELECTINACTIVE)Permanent link for this heading

In the “Standard” theme the base color “Selection Inactive Background” is used for:

  • List Inactive Selection Background
    CBT_LISTSELECTINACTIVE
  • Form Entry Inactive Selection Background
    CBT_ENTRYSELECTINACTIVE

FontsPermanent link for this heading

Font Color (CBT_FONT)Permanent link for this heading

In the “Standard” theme the base color “Font Color” is used for:

  • Font Inactive Color (own color by default)
    CBT_FONTINACTIVE
  • Font Decoration Color (own color by default)
    CBT_FONTDECOR

Font Inactive Color (CBT_FONTINACTIVE)Permanent link for this heading

In the “Standard” theme the base color “Font Inactive Color” is used for:

  • Form Label Font Color
    CBT_LABELFONT

Font Inverse Color (CBT_FONTINVERSE)Permanent link for this heading

Font Decoration Color (CBT_FONTDECOR)Permanent link for this heading

AreasPermanent link for this heading

PagePermanent link for this heading

  • Page Background
    CBT_PAGE
  • Page Border
    CBT_PAGEBORDER

Page HeaderPermanent link for this heading

Colors used in this region:

  • Page Header Background
    CBT_HEADER
  • Page Header Gradient
    CBT_HEADERGRADIENT
  • Page Header Border
    CBT_HEADBORDER
  • Page Header Hover Background
    CBT_HEADHOVER
  • Page Header Hover Border
    CBT_HEADHOVERBORDER
  • Page Header Selection Background
    CBT_HEADSELECT
  • Page Header Selection Border
    CBT_HEADSELECTBORDER

Page Head BoxPermanent link for this heading

  • Page Header Box Background
    CBT_HEADBOX
  • Page Header Box Gradient
    CBT_HEADBOXGRADIENT
  • Page Header Box Border
    CBT_HEADBOXBORDER

ContainerPermanent link for this heading

  • Container Background
    CBT_CONTAINER
  • Container Border
    CBT_CONTAINERBORDER
  • Container Slider
    CBT_CONTAINERSLIDER

TabPermanent link for this heading

  • Tab Inactive Background
    CBT_TAB
  • Tab Inactive Border
    CBT_TABBORDER
  • Tab Active Background
    CBT_TABACTIVE

RibbonPermanent link for this heading

  • Ribbon Background
    CBT_RIBBON
  • Ribbon Label Background
    CBT_RIBBONLABEL
  • Ribbon Border
    CBT_RIBBONBORDER
  • Ribbon Hover Background
    CBT_RIBBONHOVER
  • Ribbon Selected Background
    CBT_RIBBONSELECT

MenuPermanent link for this heading

  • Menu Background
    CBT_MENU
  • Menu Border
    CBT_MENUBORDER
  • Menu Hover Background
    CBT_MENUHOVER
  • Menu Selection Background
    CBT_MENUSELECT

ButtonPermanent link for this heading

  • Button Background
    CBT_BUTTON
  • Button Gradient
    CBT_BUTTONGRADIENT
  • Button Border
    CBT_BUTTONBORDER
  • Button Hover Background
    CBT_BUTTONHOVER
  • Button Hover Gradient
    CBT_BUTTONHOVERGRADIENT
  • Button Selection Background
    CBT_BUTTONSELECT

ListPermanent link for this heading

  • List Header Background
    CBT_LISTHEAD
  • List Header Gradient
    CBT_LISTHEADGRADIENT
  • List Fixed Header Background
    CBT_LISTHEADFIXED
  • List Alternate Row Background
    CBT_LISTALTERNATE
  • List Hover Background
    CBT_LISTHOVER
  • List Selection Background
    CBT_LISTSELECT
  • List Inactive Selection Background
    CBT_LISTSELECTINACTIVE

FormPermanent link for this heading

  • Form Label Font Color
    CBT_LABELFONT
  • Form Label Background
    CBT_LABEL
  • Form Value Background
    CBT_VALUE
  • Form Subordinate Label Background
    CBT_LABELSUB
  • Form Subordinate Value Background
    CBT_VALUESUB
  • Form Entry Hover Background
    CBT_ENTRYHOVER
  • Form Entry Selection Background
    CBT_ENTRYSELECT
  • Form Entry Inactive Selection Background
    CBT_ENTRYSELECTINACTIVE

SpecialPermanent link for this heading

  • Coverview Background Top
    CBT_COVERVIEWBGTOP
  • Coverview Background Bottom
    CBT_COVERVIEWBGBOTTOM
  • Error Background Color
    CBT_ERROR
  • Warning Background Color
    CBT_WARNING
  • Background Help
    CBT_BACKGROUNDHELP