Oracle Fusion Middleware Data Visualization Tools Tag Reference for Oracle ADF Skin Selectors
11g Release 1 (11.1.1)

E15863-03

Component-level Selectors

dvt:gauge Component

ADF Faces Properties
Name Description
-tr-animation-down-color

Specifies the color used to indicate that a data value has decreased. Enter values in RGB hexadecimal.

-tr-animation-duration

Specifies the animation duration in milliseconds.

-tr-animation-indicators

Specifies the type of data change indicators to show. Valid values are:

  • NONE - Show no data change indicators
  • ALL (Default) - Show all data change indicators
-tr-animation-on-data-change

Specifies the type of data change animation to apply. Valid values are:

  • NONE - Apply no data change animation effects
  • AUTO (Default) - Apply Active Data Service (ADS) data change animation events.
  • ON - Apply Partial Page Refresh (PPR) data change animation events.
-tr-animation-on-display

Specifies the type of initial rendering effect to apply. Valid values are:

  • NONE (Default)- Do not show any initial rendering effect
  • AUTO - Apply an initial rendering effect automatically chosen base on graph or gauge type
-tr-animation-up-color

Specifies the color used to indicate that a data value has increased. Enter values in RGB hexadecimal.

-tr-custom-layout

Specifies custom layout information when the graph automatically places and sizes its components. Valid values are:

  • CL_NONE - Do not use any of the other custom layout attribute values
  • CL_TITLE_SEPARATOR - Display title separator under the topLabel
  • CL_OUTER_FRAME - Display the outer frame with shadow effect around the entire gauge.
-tr-gauge-set-alignment

Determines where gauges appear within a gauge set. Valid values are as follows:

  • GSA_BOTTOM - Calculates available space and optimal gauge size to allow for alignment to the bottom of the gauge set.
  • GSA_BOTTOMLEFT - Calculates available space and optimal gauge size to allow for alignment to the bottom left corner of the gauge set.
  • GSA_BOTTOMRIGHT - Calculates available space and optimal gauge size to allow for alignment to the bottom right corner of the gauge set.
  • GSA_CENTER - Calculates available space and optimal gauge size to allow for alignment in the center of the gauge set.
  • GSA_LEFT - Calculates available space and optimal gauge size to allow for alignment to the left side of the gauge set.
  • GSA_NONE - (Default) Divides available space in the gauge set among all the gauges equally.
  • GSA_RIGHT - Calculates available space and optimal gauge size to allow for alignment to the right side of the gauge set.
  • GSA_TOPLEFT - Calculates available space and optimal gauge size to allow for alignment to the top left corner of the gauge set.
  • GSA_TOP - Calculates available space and optimal gauge size to allow for alignment to the top of the gauge set.
  • GSA_TOPRIGHT - Calculates available space and optimal gauge size to allow for alignment to the top right corner of the gauge set.
-tr-gauge-set-column-count

Specifies the number of columns to display in a gauge set. Valid values are:

  • 0 - All gauges appear in a single row. This setting produces as many columns as there are gauges.
  • -1 - (Default) Data source specifies the number of columns and rows.
  • Integer other than 0,-1 - The number of columns in which gauges are to be displayed. For example, the value "3" causes gauges to be displayed in 3 columns.
-tr-gauge-set-direction

Direction for processing the gauges in a gauge set. Valid values are:

  • GSD_ACROSS - (Default) Specifies that the layout of the gauges is from left to right, then top to bottom.
  • GSD_DOWN - Specifies that the layout of the gauges is from top to bottom, then left to right.
-tr-gauge-type

Specifies the type of gauge. Valid values are:

  • DIAL - (Default) Depicts an N-degree circular shaped gauge (currently only 180 degree half-circle gauge is supported).
  • LED - Graphically depicts a key measurement as defined by a key performance indicator (KPI). Also gives a quick assessment of any metric by generalizing the metric to a specific value range.
  • STATUSMETER - A horizontal bar which indicates the progress of a task or the level of some measurement.
  • VERTICALSTATUSMETER - A vertical bar which indicates the progress of a task or the level of some measurement.
-tr-graphic-antialiasing Specifies whether or not antialiasing will be used to smooth outlines of graphic areas. Valid values are true (default) or false.
-tr-led-style

Specifies the kind of LED gauge. Valid values are:

  • LS_DOT - (Default) A circle with a fill or gradient equal to that of the threshold section in which the metric falls.
  • LS_ARROW - General shape indicating good (up arrow), fair (right-pointing arrow), and poor (down arrow). Arrow color defers to defined threshold colors or their defaults.
  • LS_TRIANGLE - General shape indicating good (up triangle), fair (right-pointing triangle), and poor (down triangle). Triangle color defers to defined threshold colors or their defaults.
  • LS_RECTANGLE - Rectangular shape that fills according to the threshold section in which the metric falls.
  • LS_CUSTOM - Lets developers use their own images when displaying LED gauges. Requires the setting of the gauge's ledStyleCallback attribute to specify the desired custom image.
-tr-specular-highlight Specifies whether the crescent shaped highlight is displayed for LS_DOT LED gauges. Valid values are SH_ON (Default) or SH_OFF.
-tr-text-antialiasing Specifies whether or not antialiasing will be used to smooth text characters. Valid values are true or false (default).
-tr-threshold-dial-style

The style for threshold dial gauges. Valid values are:

  • TDS_PIE_FILL - Fills the entire plot area of a dial gauge.
  • TDS_RING_FILL - Fills only the ring portion of a dial gauge
  • TDS_SEGMENTS - (Default) Fills the outer portion of a dial gauge in segments.
-tr-visual-effects

Specifies the type or types of visualEffects to apply. Valid values are:

  • NONE - Apply no visual effects
  • AUTO (Default) - Apply visual effects automatically based on graph or gauge type.
dvt|gauge-tr-font-family Specifies the font family name. Accept a string.
dvt|gauge-tr-font-url-map Specifies the font path for a specific font. Accept a string of parameters separated by commas. The parameters have to be in pairs. Each pair contains a font names followed by its relative path. For examples: (fontName,/bi/jsLibs/font.swf,fontName2,/bi/jsLibs/font2.swf).
dvt|gauge::bottom-label-tr-font-bold Indicates whether the font is bold. Valid values are "true" or "false"(default).
dvt|gauge::bottom-label-tr-font-color Specifies the color of the font. Enter values in 6 or 8 digit hexadecimal. For example -tr-font-color:#000000 specifies black text.
dvt|gauge::bottom-label-tr-font-italic Indicates whether the font is italic. Valid values are "true" or "false"(default).
dvt|gauge::bottom-label-tr-font-family Specifies the name of the font. For example, -tr-font-family:SansSerif;
dvt|gauge::bottom-label-tr-font-size Specifies the size of the font.
dvt|gauge::bottom-label-tr-position
  • LP_NONE - No bottom label for the gauge.
  • LP_BELOW_GAUGE - (Default) Displays the bottom label below the gauge. Note: If the position of both the bottom label and the metric label are set to LP_BELOW_GAUGE, then both labels are displayed below the gauge. However, the bottom label is displayed above the metric label.
  • LP_INSIDE_GAUGE - Displays the bottom label inside the gauge. Note: Top, bottom, and metric labels are horizontally centered across a gauge. When these labels are positioned inside a gauge, they are also centered vertically within the gauge plot area.
dvt|gauge::gauge-background-tr-border-color Specifies the border color of this component as 6 digit or 8 digit Hex. For example, -tr-border-color:#000000 specifies black.
dvt|gauge::gauge-background-tr-fill-color Specifies the fill color of this component as 6 digit or 8 digit Hex. For example, -tr-fill-color:#000000 specifies black.
dvt|gauge::gauge-background-tr-gradient-direction

Specifies the direction of change for the gradient fill.

  • GD_RIGHT - specifies left-to-right change
  • GD_DOWN - specifies top-to-bottom change
  • GD_DIAGONAL_45
  • GD_DIAGONAL_135
  • GD_RADIAL
  • GD_RADIAL_TOP_LEFT
  • GD_RADIAL_TOP_RIGHT
  • GD_RADIAL_BOTTOM_LEFT
  • GD_RADIAL_BOTTOM_RIGHT
  • GD_RADIAL_OFF_CENTER - Only supported for gauge.
dvt|gauge::gauge-background-tr-gradient-fill-type

Specifies whether a gradient or solid fill is used.

  • FT_COLOR - Specifies a solid fill with no gradient.
  • FT_GRADIENT - Specifies a gradient fill, specialized by attributes of the gradientStopStyle tag.
dvt|gauge::gauge-background-tr-gradient-num-stops Specifies the number of colors used.
dvt|gauge::gauge-background-tr-gradient-stop-colors Specifies the colors to use in the gradient. The colors must be input as Hex separated by commas. For example: -tr-gradient-stop-colors:#000000,#ff0000;
dvt|gauge::gauge-background-tr-gradient-stop-positions Specifies the proportional distance along a gradient for the identified stop colors. The gradient is scaled from 0 to 100. The positions must be input as a list of integers between 0 and 100, separated by commas. For example: -tr-gradient-stop-positions:0,50,100;
dvt|gauge::gauge-font-tr-client-font-family Specifies the name of the font used during server side text rendering, such as for the PNG image format. For example, -tr-client-font-family:SansSerif. Individual components can override this by setting their specific font properties.
dvt|gauge::gauge-font-tr-font-bold Indicates whether the font is bold for all gauge text components. Valid values are "true" or "false"(default). Individual components can override this by setting their specific font properties.
dvt|gauge::gauge-font-tr-font-color Specifies the color of the font for all gauge text components. Enter values in 6 or 8 digit hexadecimal. For example -tr-font-color:#000000 specifies black text. Individual components can override this by setting their specific font properties.
dvt|gauge::gauge-font-tr-font-italic Indicates whether the font is italic for all gauge text components. Valid values are "true" or "false"(default). Individual components can override this by setting their specific font properties.
dvt|gauge::gauge-font-tr-font-size Specifies the size of the font for all gauge text components. Individual components can override this by setting their specific font properties.
dvt|gauge::gauge-font-tr-server-font-family Specifies the name of the font used during client side text rendering, such as for Flash without embedded fonts. For example, -tr-server-font-family:SansSerif. Individual components can override this by setting their specific font properties.
dvt|gauge::gauge-frame-tr-border-color Specifies the border color of this component as 6 digit or 8 digit Hex. For example, -tr-border-color:#000000 specifies black.
dvt|gauge::gauge-frame-tr-fill-color Specifies the fill color of this component as 6 digit or 8 digit Hex. For example, -tr-fill-color:#000000 specifies black.
dvt|gauge::gauge-frame-tr-gradient-direction

Specifies the direction of change for the gradient fill.

  • GD_RIGHT - specifies left-to-right change
  • GD_DOWN - specifies top-to-bottom change
  • GD_DIAGONAL_45
  • GD_DIAGONAL_135
  • GD_RADIAL
  • GD_RADIAL_TOP_LEFT
  • GD_RADIAL_TOP_RIGHT
  • GD_RADIAL_BOTTOM_LEFT
  • GD_RADIAL_BOTTOM_RIGHT
  • GD_RADIAL_OFF_CENTER - Only supported for gauge.
dvt|gauge::gauge-frame-tr-gradient-fill-type

Specifies whether a gradient or solid fill is used.

  • FT_COLOR - Specifies a solid fill with no gradient.
  • FT_GRADIENT - Specifies a gradient fill, specialized by attributes of the gradientStopStyle tag.
dvt|gauge::gauge-frame-tr-gradient-num-stops Specifies the number of colors used.
dvt|gauge::gauge-frame-tr-gradient-stop-colors Specifies the colors to use in the gradient. The colors must be input as Hex separated by commas. For example: -tr-gradient-stop-colors:#000000,#ff0000;
dvt|gauge::gauge-frame-tr-gradient-stop-positions Specifies the proportional distance along a gradient for the identified stop colors. The gradient is scaled from 0 to 100. The positions must be input as a list of integers between 0 and 100, separated by commas. For example: -tr-gradient-stop-positions:0,50,100;
dvt|gauge::gauge-frame-tr-rendered Specifies whether the gauge frame is visible. Valid values are "true" (default) or "false".
dvt|gauge::gauge-set-background-tr-border-color Specifies the border color of this component as 6 digit or 8 digit Hex. For example, -tr-border-color:#000000 specifies black.
dvt|gauge::gauge-set-background-tr-fill-color Specifies the fill color of this component as 6 digit or 8 digit Hex. For example, -tr-fill-color:#000000 specifies black.
dvt|gauge::gauge-set-background-tr-gradient-direction

Specifies the direction of change for the gradient fill.

  • GD_RIGHT - specifies left-to-right change
  • GD_DOWN - specifies top-to-bottom change
  • GD_DIAGONAL_45
  • GD_DIAGONAL_135
  • GD_RADIAL
  • GD_RADIAL_TOP_LEFT
  • GD_RADIAL_TOP_RIGHT
  • GD_RADIAL_BOTTOM_LEFT
  • GD_RADIAL_BOTTOM_RIGHT
  • GD_RADIAL_OFF_CENTER - Only supported for gauge.
dvt|gauge::gauge-set-background-tr-gradient-fill-type

Specifies whether a gradient or solid fill is used.

  • FT_COLOR - Specifies a solid fill with no gradient.
  • FT_GRADIENT - Specifies a gradient fill, specialized by attributes of the gradientStopStyle tag.
dvt|gauge::gauge-set-background-tr-gradient-num-stops Specifies the number of colors used.
dvt|gauge::gauge-set-background-tr-gradient-stop-colors Specifies the colors to use in the gradient. The colors must be input as Hex separated by commas. For example: -tr-gradient-stop-colors:#000000,#ff0000;
dvt|gauge::gauge-set-background-tr-gradient-stop-positions Specifies the proportional distance along a gradient for the identified stop colors. The gradient is scaled from 0 to 100. The positions must be input as a list of integers between 0 and 100, separated by commas. For example: -tr-gradient-stop-positions:0,50,100;
dvt|gauge::indicator-tr-border-color Specifies the border color of this component as 6 digit or 8 digit Hex. For example, -tr-border-color:#000000 specifies black.
dvt|gauge::indicator-tr-fill-color Specifies the fill color of this component as 6 digit or 8 digit Hex. For example, -tr-fill-color:#000000 specifies black.
dvt|gauge::indicator-tr-gradient-direction

Specifies the direction of change for the gradient fill.

  • GD_RIGHT - specifies left-to-right change
  • GD_DOWN - specifies top-to-bottom change
  • GD_DIAGONAL_45
  • GD_DIAGONAL_135
  • GD_RADIAL
  • GD_RADIAL_TOP_LEFT
  • GD_RADIAL_TOP_RIGHT
  • GD_RADIAL_BOTTOM_LEFT
  • GD_RADIAL_BOTTOM_RIGHT
  • GD_RADIAL_OFF_CENTER - Only supported for gauge.
dvt|gauge::indicator-tr-gradient-fill-type

Specifies whether a gradient or solid fill is used.

  • FT_COLOR - Specifies a solid fill with no gradient.
  • FT_GRADIENT - Specifies a gradient fill, specialized by attributes of the gradientStopStyle tag.
dvt|gauge::indicator-tr-gradient-num-stops Specifies the number of colors used.
dvt|gauge::indicator-tr-gradient-stop-colors Specifies the colors to use in the gradient. The colors must be input as Hex separated by commas. For example: -tr-gradient-stop-colors:#000000,#ff0000;
dvt|gauge::indicator-tr-gradient-stop-positions Specifies the proportional distance along a gradient for the identified stop colors. The gradient is scaled from 0 to 100. The positions must be input as a list of integers between 0 and 100, separated by commas. For example: -tr-gradient-stop-positions:0,50,100;
dvt|gauge::indicator-tr-type Specifies the kind of indicator used. Valid values are: IT_LINE (default), IT_FILL, or IT_NEEDLE.
dvt|gauge::indicator-tr-use-threshold-fill-color Specifies whether to override the indicator color with the color of the threshold in which metrics falls. Set to true to override, false (default) otherwise.
dvt|gauge::indicator-bar-tr-fill-color Specifies the fill color of this component as 6 digit or 8 digit Hex. For example, -tr-fill-color:#000000 specifies black.
dvt|gauge::indicator-bar-tr-gradient-direction

Specifies the direction of change for the gradient fill.

  • GD_RIGHT - specifies left-to-right change
  • GD_DOWN - specifies top-to-bottom change
  • GD_DIAGONAL_45
  • GD_DIAGONAL_135
  • GD_RADIAL
  • GD_RADIAL_TOP_LEFT
  • GD_RADIAL_TOP_RIGHT
  • GD_RADIAL_BOTTOM_LEFT
  • GD_RADIAL_BOTTOM_RIGHT
  • GD_RADIAL_OFF_CENTER - Only supported for gauge.
dvt|gauge::indicator-bar-tr-gradient-fill-type

Specifies whether a gradient or solid fill is used.

  • FT_COLOR - Specifies a solid fill with no gradient.
  • FT_GRADIENT - Specifies a gradient fill, specialized by attributes of the gradientStopStyle tag.
dvt|gauge::indicator-bar-tr-gradient-num-stops Specifies the number of colors used.
dvt|gauge::indicator-bar-tr-gradient-stop-colors Specifies the colors to use in the gradient. The colors must be input as Hex separated by commas. For example: -tr-gradient-stop-colors:#000000,#ff0000;
dvt|gauge::indicator-bar-tr-gradient-stop-positions Specifies the proportional distance along a gradient for the identified stop colors. The gradient is scaled from 0 to 100. The positions must be input as a list of integers between 0 and 100, separated by commas. For example: -tr-gradient-stop-positions:0,50,100;
dvt|gauge::indicator-base-tr-fill-color Specifies the fill color of this component as 6 digit or 8 digit Hex. For example, -tr-fill-color:#000000 specifies black.
dvt|gauge::indicator-base-tr-gradient-direction

Specifies the direction of change for the gradient fill.

  • GD_RIGHT - specifies left-to-right change
  • GD_DOWN - specifies top-to-bottom change
  • GD_DIAGONAL_45
  • GD_DIAGONAL_135
  • GD_RADIAL
  • GD_RADIAL_TOP_LEFT
  • GD_RADIAL_TOP_RIGHT
  • GD_RADIAL_BOTTOM_LEFT
  • GD_RADIAL_BOTTOM_RIGHT
  • GD_RADIAL_OFF_CENTER - Only supported for gauge.
dvt|gauge::indicator-base-tr-gradient-fill-type

Specifies whether a gradient or solid fill is used.

  • FT_COLOR - Specifies a solid fill with no gradient.
  • FT_GRADIENT - Specifies a gradient fill, specialized by attributes of the gradientStopStyle tag.
dvt|gauge::indicator-base-tr-gradient-num-stops Specifies the number of colors used.
dvt|gauge::indicator-base-tr-gradient-stop-colors Specifies the colors to use in the gradient. The colors must be input as Hex separated by commas. For example: -tr-gradient-stop-colors:#000000,#ff0000;
dvt|gauge::indicator-base-tr-gradient-stop-positions Specifies the proportional distance along a gradient for the identified stop colors. The gradient is scaled from 0 to 100. The positions must be input as a list of integers between 0 and 100, separated by commas. For example: -tr-gradient-stop-positions:0,50,100;
dvt|gauge::legend-area-tr-border-color Specifies the border color of this component as 6 digit or 8 digit Hex. For example, -tr-border-color:#000000 specifies black.
dvt|gauge::legend-area-tr-fill-color Specifies the fill color of this component as 6 digit or 8 digit Hex. For example, -tr-fill-color:#000000 specifies black.
dvt|gauge::legend-area-tr-gradient-direction

Specifies the direction of change for the gradient fill.

  • GD_RIGHT - specifies left-to-right change
  • GD_DOWN - specifies top-to-bottom change
  • GD_DIAGONAL_45
  • GD_DIAGONAL_135
  • GD_RADIAL
  • GD_RADIAL_TOP_LEFT
  • GD_RADIAL_TOP_RIGHT
  • GD_RADIAL_BOTTOM_LEFT
  • GD_RADIAL_BOTTOM_RIGHT
  • GD_RADIAL_OFF_CENTER - Only supported for gauge.
dvt|gauge::legend-area-tr-gradient-fill-type

Specifies whether a gradient or solid fill is used.

  • FT_COLOR - Specifies a solid fill with no gradient.
  • FT_GRADIENT - Specifies a gradient fill, specialized by attributes of the gradientStopStyle tag.
dvt|gauge::legend-area-tr-gradient-num-stops Specifies the number of colors used.
dvt|gauge::legend-area-tr-gradient-stop-colors Specifies the colors to use in the gradient. The colors must be input as Hex separated by commas. For example: -tr-gradient-stop-colors:#000000,#ff0000;
dvt|gauge::legend-area-tr-gradient-stop-positions Specifies the proportional distance along a gradient for the identified stop colors. The gradient is scaled from 0 to 100. The positions must be input as a list of integers between 0 and 100, separated by commas. For example: -tr-gradient-stop-positions:0,50,100;
dvt|gauge::legend-area-tr-position
  • AP_ALWAYS - Automatic graph layout determines whether to position the legend on the right or the bottom.
  • AP_NEVER - Automatic graph layout respects the setting of the position attribute of the legend area.
dvt|gauge::legend-area-tr-rendered Specifies whether the legend area is visible. Valid values are "true" or "false"(default).
dvt|gauge::legend-text-tr-font-bold Indicates whether the font is bold. Valid values are "true" or "false"(default).
dvt|gauge::legend-text-tr-font-color Specifies the color of the font. Enter values in 6 or 8 digit hexadecimal. For example -tr-font-color:#000000 specifies black text.
dvt|gauge::legend-text-tr-font-italic Indicates whether the font is italic. Valid values are "true" or "false"(default).
dvt|gauge::legend-text-tr-font-family Specifies the name of the font. For example, -tr-font-family:SansSerif;
dvt|gauge::legend-text-tr-font-size Specifies the size of the font.
dvt|gauge::legend-text-tr-min-length Specifies the minimum length of text to display before truncation when there is not enough room to display all the text.
dvt|gauge::legend-text-tr-number-type
  • NT_NUMBER - (Default) Specifies that the actual value is displayed.
  • NT_PERCENT - Specifies that percentages are displayed and the axis is scaled from 0 to 100%.
dvt|gauge::legend-title-tr-font-bold Indicates whether the font is bold. Valid values are "true" or "false"(default).
dvt|gauge::legend-title-tr-font-color Specifies the color of the font. Enter values in 6 or 8 digit hexadecimal. For example -tr-font-color:#000000 specifies black text.
dvt|gauge::legend-title-tr-font-italic Indicates whether the font is italic. Valid values are "true" or "false"(default).
dvt|gauge::legend-title-tr-font-family Specifies the name of the font. For example, -tr-font-family:SansSerif;
dvt|gauge::legend-title-tr-font-size Specifies the size of the font.
dvt|gauge::legend-title-tr-rendered Specifies whether the legend title is visible. Valid values are "true" (default) or "false".
dvt|gauge::lower-label-frame-tr-border-color Specifies the border color of this component as 6 digit or 8 digit Hex. For example, -tr-border-color:#000000 specifies black.
dvt|gauge::lower-label-frame-tr-fill-color Specifies the fill color of this component as 6 digit or 8 digit Hex. For example, -tr-fill-color:#000000 specifies black.
dvt|gauge::lower-label-frame-tr-gradient-direction

Specifies the direction of change for the gradient fill.

  • GD_RIGHT - specifies left-to-right change
  • GD_DOWN - specifies top-to-bottom change
  • GD_DIAGONAL_45
  • GD_DIAGONAL_135
  • GD_RADIAL
  • GD_RADIAL_TOP_LEFT
  • GD_RADIAL_TOP_RIGHT
  • GD_RADIAL_BOTTOM_LEFT
  • GD_RADIAL_BOTTOM_RIGHT
  • GD_RADIAL_OFF_CENTER - Only supported for gauge.
dvt|gauge::lower-label-frame-tr-gradient-fill-type

Specifies whether a gradient or solid fill is used.

  • FT_COLOR - Specifies a solid fill with no gradient.
  • FT_GRADIENT - Specifies a gradient fill, specialized by attributes of the gradientStopStyle tag.
dvt|gauge::lower-label-frame-tr-gradient-num-stops Specifies the number of colors used.
dvt|gauge::lower-label-frame-tr-gradient-stop-colors Specifies the colors to use in the gradient. The colors must be input as Hex separated by commas. For example: -tr-gradient-stop-colors:#000000,#ff0000;
dvt|gauge::lower-label-frame-tr-gradient-stop-positions Specifies the proportional distance along a gradient for the identified stop colors. The gradient is scaled from 0 to 100. The positions must be input as a list of integers between 0 and 100, separated by commas. For example: -tr-gradient-stop-positions:0,50,100;
dvt|gauge::lower-label-frame-tr-rendered Specifies whether the lower label frame is visible. Valid values are "true" (default) or "false".
dvt|gauge::metric-label-tr-font-bold Indicates whether the font is bold. Valid values are "true" or "false"(default).
dvt|gauge::metric-label-tr-font-color Specifies the color of the font. Enter values in 6 or 8 digit hexadecimal. For example -tr-font-color:#000000 specifies black text.
dvt|gauge::metric-label-tr-font-italic Indicates whether the font is italic. Valid values are "true" or "false"(default).
dvt|gauge::metric-label-tr-font-family Specifies the name of the font. For example, -tr-font-family:SansSerif;
dvt|gauge::metric-label-tr-font-size Specifies the size of the font.
dvt|gauge::metric-label-tr-number-type
  • NT_NUMBER - (Default) Specifies that the actual value is displayed.
  • NT_PERCENT - Specifies that percentages are displayed and the axis is scaled from 0 to 100%.
dvt|gauge::metric-label-tr-position
  • LP_NONE - Displays no metric label.
  • LP_BELOW_GAUGE - Displays the metric label below the gauge. Note: If the position of both the bottom label and the metric label is set to LP_BELOW_GAUGE, then both labels are displayed below the gauge. However, the bottom label is displayed above the metric label.
  • LP_WITH_BOTTOM_LABEL - (Default) Displays the metric label beside the bottom label. Note: If the position of the bottom label is set to LP_NONE, the metric label will not be displayed.
  • LP_INSIDE_GAUGE - Displays the metric label inside the gauge. Note: Top, bottom, and metric labels are horizontally centered across a gauge. When these labels are positioned inside a gauge, they are also centered vertically within the gauge plot area.
dvt|gauge::plot-area-tr-border-color Specifies the border color of this component as 6 digit or 8 digit Hex. For example, -tr-border-color:#000000 specifies black.
dvt|gauge::plot-area-tr-fill-color Specifies the fill color of this component as 6 digit or 8 digit Hex. For example, -tr-fill-color:#000000 specifies black.
dvt|gauge::plot-area-tr-gradient-direction

Specifies the direction of change for the gradient fill.

  • GD_RIGHT - specifies left-to-right change
  • GD_DOWN - specifies top-to-bottom change
  • GD_DIAGONAL_45
  • GD_DIAGONAL_135
  • GD_RADIAL
  • GD_RADIAL_TOP_LEFT
  • GD_RADIAL_TOP_RIGHT
  • GD_RADIAL_BOTTOM_LEFT
  • GD_RADIAL_BOTTOM_RIGHT
  • GD_RADIAL_OFF_CENTER - Only supported for gauge.
dvt|gauge::plot-area-tr-gradient-fill-type

Specifies whether a gradient or solid fill is used.

  • FT_COLOR - Specifies a solid fill with no gradient.
  • FT_GRADIENT - Specifies a gradient fill, specialized by attributes of the gradientStopStyle tag.
dvt|gauge::plot-area-tr-gradient-num-stops Specifies the number of colors used.
dvt|gauge::plot-area-tr-gradient-stop-colors Specifies the colors to use in the gradient. The colors must be input as Hex separated by commas. For example: -tr-gradient-stop-colors:#000000,#ff0000;
dvt|gauge::plot-area-tr-gradient-stop-positions Specifies the proportional distance along a gradient for the identified stop colors. The gradient is scaled from 0 to 100. The positions must be input as a list of integers between 0 and 100, separated by commas. For example: -tr-gradient-stop-positions:0,50,100;
dvt|gauge::plot-area-tr-use-threshold-fill-color Specifies whether to override the plot area color with the color of the threshold in which metrics falls. Set to true to override, false (default) otherwise.
dvt|gauge::threshold-tr-border-colors Specifies the border color of the thresholds as a list of 6 digit or 8 digit Hex colors separated by commas. For example, -tr-border-colors:#ff0000,#ffff00,#008000;
dvt|gauge::threshold-tr-fill-colors Specifies the fill color of the thresholds as a list of 6 digit or 8 digit Hex colors separated by commas. For example, -tr-fill-colors:#ff0000,#ffff00,#008000;
dvt|gauge::threshold-tr-gradient-directions

Specifies the direction of change for the gradient fill as a list of gradient direction constants separated by commas.

  • GD_RIGHT - specifies left-to-right change
  • GD_DOWN - specifies top-to-bottom change
  • GD_DIAGONAL_45
  • GD_DIAGONAL_135
  • GD_RADIAL
  • GD_RADIAL_TOP_LEFT
  • GD_RADIAL_TOP_RIGHT
  • GD_RADIAL_BOTTOM_LEFT
  • GD_RADIAL_BOTTOM_RIGHT
  • GD_RADIAL_OFF_CENTER - Only supported for gauge.
dvt|gauge::threshold-tr-gradient-fill-types

Specifies whether a gradient or solid fill is used for the thresholds as a list separated by commas. For example, -tr-gradient-fill-types:FT_COLOR,FT_GRADIENT,FT_GRADIENT;

  • FT_COLOR - Specifies a solid fill with no gradient.
  • FT_GRADIENT - Specifies a gradient fill, specialized by attributes of the gradientStopStyle tag.
dvt|gauge::threshold-tr-gradient-num-stops Specifies the number of colors used for each threshold as a list of integers separated by commas. For example, -tr-gradient-num-stops:3,2,3;
dvt|gauge::threshold-tr-gradient-stop-colors For each threshold, specifies the colors to use in the gradient. The colors for each threshold must be input as Hex separated by commas. Thresholds are separated by the String "and". For example: -tr-gradient-stop-colors:#000000,#ff0000 and #0000ff,#000000 and #ffff00,#008000;
dvt|gauge::threshold-tr-gradient-stop-positions For each thresholds, specifies the proportional distance along a gradient for the identified stop colors. The gradient is scaled from 0 to 100. The positions for each threshold must be input as a list of integers between 0 and 100, separated by commas. Thresholds are separated by the String "and". For example: -tr-gradient-stop-positions:0,50,100 and 25,50,75 and 0,25,75;
dvt|gauge::tick-label-tr-content
  • TC_INCREMENTS - Displays tick labels by increments.
  • TC_MAJOR_TICK - (Default) Displays tick labels for minimum, maximum, and increments.
  • TC_MIN_MAX - Displays tick labels for minimum and maximum values.
  • TC_METRIC - Displays tick labels for actual metric values.
  • TC_NONE - Displays no tick labels.
  • TC_THRESHOLD - Displays tick labels for threshold values.
dvt|gauge::tick-label-tr-font-bold Indicates whether the font is bold. Valid values are "true" or "false"(default).
dvt|gauge::tick-label-tr-font-color Specifies the color of the font. Enter values in 6 or 8 digit hexadecimal. For example -tr-font-color:#000000 specifies black text.
dvt|gauge::tick-label-tr-font-italic Indicates whether the font is italic. Valid values are "true" or "false"(default).
dvt|gauge::tick-label-tr-font-family Specifies the name of the font. For example, -tr-font-family:SansSerif;
dvt|gauge::tick-label-tr-font-size Specifies the size of the font.
dvt|gauge::tick-label-tr-number-type
  • NT_NUMBER - (Default) Specifies that the actual value is displayed.
  • NT_PERCENT - Specifies that percentages are displayed and the axis is scaled from 0 to 100%.
dvt|gauge::tick-mark-tr-major-tick-count Specifies the total number of ticks to be displayed in each gauge of the gauge set.
dvt|gauge::tick-mark-tr-major-tick-color Specifies the color of the major ticks as 6 digit or 8 digit Hex. For example, -tr-fill-color:#000000 specifies black.
dvt|gauge::tick-mark-tr-content
  • TC_INCREMENTS - Displays tick marks by increments.
  • TC_MAJOR_TICK - (Default) Displays tick marks for minimum, maximum, and increments.
  • TC_MIN_MAX - Displays tick marks for minimum and maximum values.
  • TC_METRIC - Displays tick marks for actual metric values.
  • TC_NONE - Displays no tick marks.
  • TC_THRESHOLD - Displays tick marks for threshold values.
dvt|gauge::top-label-tr-font-bold Indicates whether the font is bold. Valid values are "true" or "false"(default).
dvt|gauge::top-label-tr-font-color Specifies the color of the font. Enter values in 6 or 8 digit hexadecimal. For example -tr-font-color:#000000 specifies black text.
dvt|gauge::top-label-tr-font-italic Indicates whether the font is italic. Valid values are "true" or "false"(default).
dvt|gauge::top-label-tr-font-family Specifies the name of the font. For example, -tr-font-family:SansSerif;
dvt|gauge::top-label-tr-font-size Specifies the size of the font.
dvt|gauge::top-label-tr-position
  • LP_NONE - No top label for the gauge.
  • LP_ABOVE_GAUGE - (Default) Displays top label above the gauge.
  • LP_INSIDE_GAUGE - Displays top label inside the gauge. Note: Top, bottom, and metric labels are horizontally centered across a gauge. When these labels are positioned inside a gauge, they are also centered vertically within the gauge plot area.
dvt|gauge::upper-label-frame-tr-border-color Specifies the border color of this component as 6 digit or 8 digit Hex. For example, -tr-border-color:#000000 specifies black.
dvt|gauge::upper-label-frame-tr-fill-color Specifies the fill color of this component as 6 digit or 8 digit Hex. For example, -tr-fill-color:#000000 specifies black.
dvt|gauge::upper-label-frame-tr-gradient-direction

Specifies the direction of change for the gradient fill.

  • GD_RIGHT - specifies left-to-right change
  • GD_DOWN - specifies top-to-bottom change
  • GD_DIAGONAL_45
  • GD_DIAGONAL_135
  • GD_RADIAL
  • GD_RADIAL_TOP_LEFT
  • GD_RADIAL_TOP_RIGHT
  • GD_RADIAL_BOTTOM_LEFT
  • GD_RADIAL_BOTTOM_RIGHT
  • GD_RADIAL_OFF_CENTER - Only supported for gauge.
dvt|gauge::upper-label-frame-tr-gradient-fill-type

Specifies whether a gradient or solid fill is used.

  • FT_COLOR - Specifies a solid fill with no gradient.
  • FT_GRADIENT - Specifies a gradient fill, specialized by attributes of the gradientStopStyle tag.
dvt|gauge::upper-label-frame-tr-gradient-num-stops Specifies the number of colors used.
dvt|gauge::upper-label-frame-tr-gradient-stop-colors Specifies the colors to use in the gradient. The colors must be input as Hex separated by commas. For example: -tr-gradient-stop-colors:#000000,#ff0000;
dvt|gauge::upper-label-frame-tr-gradient-stop-positions Specifies the proportional distance along a gradient for the identified stop colors. The gradient is scaled from 0 to 100. The positions must be input as a list of integers between 0 and 100, separated by commas. For example: -tr-gradient-stop-positions:0,50,100;
dvt|gauge::upper-label-frame-tr-rendered Specifies whether the upper label frame is visible. Valid values are "true" or "false"(default).

dvt:graph Component

ADF Faces Properties
Name Description
-tr-style-path Specifies the path to an XML file that describes a graph style. For example, dvt|graph {-tr-style-path: /text/myStyle.xml}.
-tr-font-family Specifies the font family name. Accept a string.
-tr-font-url-map Specifies the font path for a specific font. Accept a string of parameters separated by commas. The parameters have to be in pairs. Each pair contains a font names followed by its relative path. For examples: (fontName,/bi/jsLibs/font.swf,fontName2,/bi/jsLibs/font2.swf).

dvt:hierarchyViewer component

Style Selectors
Name Description
af|dvt-hierarchyViewer Styles the root element of the hierarchy viewer.
af|dvt-hierarchyViewer::lateral-navigation-button Style of lateral navigation button.
af|dvt-hierarchyViewer::lateral-navigation-button-hover style of lateral navigation button when hovered over.
af|dvt-hierarchyViewer::lateral-navigation-button-active Style of lateral navigation button when active.
af|dvt-node Styles of hierarchy viewer node.
.AFDvtNodeButton:alias Style of hierarchy viewer node button.
.AFDvtNodeButtonHover:alias Style of hierarchy viewer node button when hovered over.
.AFDvtNodeButtonActive:alias Style of hierarchy viewer node button when active.
af|dvt-panelCard Styles of panel card.
af|dvt-panelCard::navigation-button Style of panel card navigation button.
af|dvt-panelCard::navigation-button-hover Style of panel card navigation button when hovered over.
af|dvt-panelCard::navigation-button-active Style of panel card navigation button when active.
af|dvt-panelCard::navigation-button-disabled Style of panel card navigation button when disabled.
af|dvt-panelCard::train-button Style of panel card train button.
af|dvt-panelCard::train-button-active Style of panel card train button when active.
af|dvt-link Styles of hierarchy viewer link.

dvt:map component

Style Selectors
Name Description
af|dvt-map::copyrightText Style the appearance of the copyright text
af|dvt-map::xPanel Style the appearance of the box that shows the x coordinate of the mouse position
af|dvt-map::yPanel Style the appearance of the box that shows the y coordinate of the mouse position
af|dvt-map::distAreaPanel Style the appearance of the box that shows the distance or area
Icon Selectors
Name Description
af|dvt-map::pointimage-icon Used to override the default image for a point theme
af|dvt-map::selectimage-icon Used to override the default selected image for a point theme

dvt:mapToolbar component

Icon Selectors
Name Description
af|dvt-mapToolbar::pan-enable-icon Used to override the default pan icon of the mapToolbar component
af|dvt-mapToolbar::pan-depress-icon Used to override the default pan icon (in depressed state) of the mapToolbar component.
af|dvt-mapToolbar::pan-hover-icon Used to override the default pan icon (when hover over) of the mapToolbar component.
af|dvt-mapToolbar::pan-disable-icon Used to override the default pan icon (disabled) of the mapToolbar component.
af|dvt-mapToolbar::zoomin-enable-icon Used to override the default zoom in icon of the mapToolbar component
af|dvt-mapToolbar::zoomin-depress-icon Used to override the default zoom in icon (in depressed state) of the mapToolbar component.
af|dvt-mapToolbar::zoomin-hover-icon Used to override the default zoom in icon (when hover over) of the mapToolbar component.
af|dvt-mapToolbar::zoomin-disable-icon Used to override the default zoom in icon (disabled) of the mapToolbar component.
af|dvt-mapToolbar::zoomout-enable-icon Used to override the default zoom out icon of the mapToolbar component
af|dvt-mapToolbar::zoomout-depress-icon Used to override the default zoom out icon (in depressed state) of the mapToolbar component.
af|dvt-mapToolbar::zoomout-hover-icon Used to override the default zoom out icon (when hover over) of the mapToolbar component.
af|dvt-mapToolbar::zoomout-disable-icon Used to override the default zoom out icon (disabled) of the mapToolbar component.
af|dvt-mapToolbar::rectangle-select-enable-icon Used to override the default rectangular selection icon of the mapToolbar component
af|dvt-mapToolbar::rectangle-select-depress-icon Used to override the default rectangular selection icon (in depressed state) of the mapToolbar component.
af|dvt-mapToolbar::rectangle-select-hover-icon Used to override the default rectangular selection icon (when hover over) of the mapToolbar component.
af|dvt-mapToolbar::rectangle-select-disable-icon Used to override the default rectangular selection icon (disabled) of the mapToolbar component.
af|dvt-mapToolbar::circle-select-enable-icon Used to override the default circular selection icon of the mapToolbar component
af|dvt-mapToolbar::circle-select-depress-icon Used to override the default circular selection icon (in depressed state) of the mapToolbar component.
af|dvt-mapToolbar::circle-select-hover-icon Used to override the default circular selection icon (when hover over) of the mapToolbar component.
af|dvt-mapToolbar::circle-select-disable-icon Used to override the default circular selection icon (disabled) of the mapToolbar component.
af|dvt-mapToolbar::polygon-select-enable-icon Used to override the default polygon selection icon of the mapToolbar component
af|dvt-mapToolbar::polygon-select-depress-icon Used to override the default polygon selection icon (in depressed state) of the mapToolbar component.
af|dvt-mapToolbar::polygon-select-hover-icon Used to override the default polygon selection icon (when hover over) of the mapToolbar component.
af|dvt-mapToolbar::polygon-select-disable-icon Used to override the default polygon selection icon (disabled) of the mapToolbar component.
af|dvt-mapToolbar::point-select-enable-icon Used to override the default point selection icon of the mapToolbar component
af|dvt-mapToolbar::point-select-depress-icon Used to override the default point selection icon (in depressed state) of the mapToolbar component.
af|dvt-mapToolbar::point-select-hover-icon Used to override the default point selection icon (when hover over) of the mapToolbar component.
af|dvt-mapToolbar::point-select-disable-icon Used to override the default point selection icon (disabled) of the mapToolbar component.
af|dvt-mapToolbar::distance-enable-icon Used to override the default distance icon of the mapToolbar component
af|dvt-mapToolbar::distance-depress-icon Used to override the default distance icon (in depressed state) of the mapToolbar component.
af|dvt-mapToolbar::distance-hover-icon Used to override the default distance icon (when hover over) of the mapToolbar component.
af|dvt-mapToolbar::distance-disable-icon Used to override the default distance icon (disabled) of the mapToolbar component.
af|dvt-mapToolbar::area-enable-icon Used to override the default area icon of the mapToolbar component
af|dvt-mapToolbar::area-depress-icon Used to override the default area icon (in depressed state) of the mapToolbar component.
af|dvt-mapToolbar::area-hover-icon Used to override the default area icon (when hover over) of the mapToolbar component.
af|dvt-mapToolbar::area-disable-icon Used to override the default area icon (disabled) of the mapToolbar component.
af|dvt-mapToolbar::info-enable-icon Used to override the default info icon of the mapToolbar component
af|dvt-mapToolbar::info-depress-icon Used to override the default info icon (in depressed state) of the mapToolbar component.
af|dvt-mapToolbar::info-hover-icon Used to override the default info icon (when hover over) of the mapToolbar component.
af|dvt-mapToolbar::info-disable-icon Used to override the default info icon (disabled) of the mapToolbar component.

dvt:pivotTable component

Style Selectors
Name Description
af|dvt-pivotTable Styles the root element of the pivot table.
af|dvt-pivotTable::status-bar Style of the status bar
af|dvt-pivotTable::status-bar-text Style of the status bar text
.AFDvtPivotTableBorder:alias Style of the borders in all boxes / cells. Border width cannot be adjusted.
af|dvt-pivotTable::column-header-scrollbar-spacer Style of the box in the column header that can be introduced by vertical scrollbars.
af|dvt-pivotTable::row-header-scrollbar-spacer Style of the box in the row header that can be introduced by vertical scrollbars.
af|dvt-pivotTable::column-resize-indicator Style of column resize indicator
af|dvt-pivotTable::row-resize-indicator Style of row resize indicator
.AFDvtPivotTableHeaderBackground:alias Style of the header background
.AFDvtPivotTableHeaderSelectedBackground:alias Style of the selected header background
.AFDvtPivotTableHeaderFocusedBackground:alias Style of the focused header background
af|dvt-pivotTable::corner Style of the box between the row header and column header
.AFDvtPivotTableCell:alias Base style of the header and data cells
af|dvt-pivotTable::row-header-cell Style of row header cells
af|dvt-pivotTable::row-header-cell-selected Style of selected row header cells
af|dvt-pivotTable::row-header-cell-focused Style of focused row header cells
af|dvt-pivotTable::column-header-cell Style of column header cells
af|dvt-pivotTable::column-header-cell-selected Style of selected column header cells
af|dvt-pivotTable::column-header-cell-focused Style of focused column header cells
af|dvt-pivotTable::data-cell Style of data cells
af|dvt-pivotTable::data-cell-selected Style of selected data cells
af|dvt-pivotTable::data-cell-focused Style of focused data cells
af|dvt-pivotTable::header-cell-content Style of pivot table header cell content. Available psuedo-classes are :sorted
af|dvt-pivotTable::column-sort-ascending-icon-style Styles the icon used for the sort ascending indicator. The icon is specified as a background-image in this key. Use pseudo-classes :hover and :active to customize the look. To use text or an img element instead of a background-image, set -tr-inhibit: background-image in the sort-ascending-icon-style and define the icon for the sort-ascending-icon.
af|dvt-pivotTable::column-sort-descending-icon-style Styles the icon used for the sort descending indicator. The icon is specified as a background-image in this key. Use pseudo-classes :hover and :active to customize the look. To use text or an img element instead of a background-image, set -tr-inhibit: background-image in the sort-descending-icon-style and define the override icon for the sort-descending-icon.
af|dvt-pivotTable::column-sorted-ascending-icon-style Styles the icon used for the sorted ascending indicator. The icon is specified as a background-image in this key. Use pseudo-classes :hover and :active to customize the look. To use text or an img element instead of a background-image, set -tr-inhibit: background-image in the sorted-ascending-icon-style and define the icon for the sorted-ascending-icon.
af|dvt-pivotTable::column-sorted-descending-icon-style Styles the icon used for the sorted descending indicator. The icon is specified as a background-image in this key. Use pseudo-classes :hover and :active to customize the look. To use text or an img element instead of a background-image, set -tr-inhibit: background-image in the sorted-descending-icon-style and define the override icon for the sorted-descending-icon.
af|dvt-pivotTable::data-cell-text Styles the default data cell text, which is displayed if stamping / dvt:dataCells are not rendered in the data cells.
af|dvt-pivotTable::fetch-status Styles the status message that shows up when the user scrolls the pivot table.
Icon Selectors
Name Description
af|dvt-pivotTable::column-sort-ascending-icon Overrides the default sort ascending indicator. Icons can be text or img elements, e.g. af|pivotTable::column-sort-ascending-icon {content "X"} or af|column::sort-ascending-icon {content: url(...)}. Use this key instead of the sort-ascending-icon-style key if you do not want background-image.
af|dvt-pivotTable::column-sorted-ascending-icon Overrides the default sorted ascending indicator. Icons can be text or img elements, e.g. af|pivotTable::column-sorted-ascending-icon {content "X"} or af|column::sorted-ascending-icon {content: url(...)}. Use this key instead of the sorted-ascending-icon-style key if you do not want background-image.
af|dvt-pivotTable::column-sort-descending-icon Overrides the default sort descending indicator. Use this key instead of the sort-descending-icon-style key if you do not want background-image.
af|dvt-pivotTable::column-sorted-descending-icon Overrides the default sorted descending indicator. Use this key instead of the sorted-descending-icon-style key if you do not want background-image.
af|dvt-pivotTable::drill-collapsed-icon Overrides the default drill collapsed indicator.
af|dvt-pivotTable::drill-expanded-icon Overrides the default drill expanded indicator.
af|dvt-pivotTable::column-pivot-label Styles column header pivot labels.
af|dvt-pivotTable::row-pivot-label Styles row header pivot labels.
af|dvt-pivotTable::pivot-drop-target Styles pivot drop target.

dvt:projectGantt component

Style Selectors
Name Description
af|dvt-gantt::column-header-cell Style on the header cell of the column.
af|dvt-gantt::milestone-task Styles the appearance of a milestone task.
af|dvt-gantt::normal-task Styles the appearance of a normal task.
af|dvt-gantt::summary-task-left Styles the appearance of the left-most portion of a summary task.
af|dvt-gantt::summary-task-right Styles the appearance of the right-most portion of a summary task.
af|dvt-gantt::summary-task Styles the appearance of the center portion of a summary task.
af|dvt-gantt::percent-complete-task-inner Styles the appearance of the inner bar of a percent complete task.
af|dvt-gantt::critical-task Styles the appearance of a critical task.
af|dvt-gantt::variance-task Styles the appearance of the top portion of a variance task.
af|dvt-gantt::variance-task-actual Styles the appearance of the bottom portion of a variance task.
Icon Selectors
Name Description
af|dvt-gantt::new-task-icon Used to override the default new task icon used in the toolbar of the Gantt component.
af|dvt-gantt::new-task-down-icon Used to override the default new task icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::new-task-over-icon Used to override the default new task icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::new-task-disabled-icon Used to override the default new task icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::edit-icon Used to override the default edit icon used in the toolbar of the Gantt component.
af|dvt-gantt::edit-down-icon Used to override the default edit icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::edit-over-icon Used to override the default edit icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::edit-disabled-icon Used to override the default edit icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::delete-icon Used to override the default delete icon used in the toolbar of the Gantt component.
af|dvt-gantt::delet-down-icon Used to override the default delete icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::delete-over-icon Used to override the default delete icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::delete-disabled-icon Used to override the default delete icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::cut-icon Used to override the default cut icon used in the toolbar of the Gantt component.
af|dvt-gantt::cut-down-icon Used to override the default cut icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::cut-over-icon Used to override the default cut icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::cut-disabled-icon Used to override the default cut icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::copy-icon Used to override the default copy icon used in the toolbar of the Gantt component.
af|dvt-gantt::copy-down-icon Used to override the default copy icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::copy-over-icon Used to override the default copy icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::copy-disabled-icon Used to override the default copy icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::paste-icon Used to override the default paste icon used in the toolbar of the Gantt component.
af|dvt-gantt::paste-down-icon Used to override the default paste icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::paste-over-icon Used to override the default paste icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::paste-disabled-icon Used to override the default paste icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::undo-icon Used to override the default undo icon used in the toolbar of the Gantt component.
af|dvt-gantt::undo-down-icon Used to override the default undo icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::undo-over-icon Used to override the default undo icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::undo-disabled-icon Used to override the default undo icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::redo-icon Used to override the default redo icon used in the toolbar of the Gantt component.
af|dvt-gantt::redo-down-icon Used to override the default redo icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::redo-over-icon Used to override the default redo icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::redo-disabled-icon Used to override the default redo icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::indent-icon Used to override the default indent icon used in the toolbar of the Gantt component.
af|dvt-gantt::indent-down-icon Used to override the default indent icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::indent-over-icon Used to override the default indent icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::indent-disabled-icon Used to override the default indent icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-icon Used to override the default outdent icon used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-down-icon Used to override the default outdent icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-over-icon Used to override the default outdent icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-disabled-icon Used to override the default outdent icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::split-icon Used to override the default split icon used in the toolbar of the Gantt component.
af|dvt-gantt::split-down-icon Used to override the default split icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::split-over-icon Used to override the default split icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::split-disabled-icon Used to override the default split icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::link-icon Used to override the default link icon used in the toolbar of the Gantt component.
af|dvt-gantt::link-down-icon Used to override the default link icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::link-over-icon Used to override the default link icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::link-disabled-icon Used to override the default link icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::unlink-icon Used to override the default unlink icon used in the toolbar of the Gantt component.
af|dvt-gantt::unlink-down-icon Used to override the default unlink icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::unlink-over-icon Used to override the default unlink icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::unlink-disabled-icon Used to override the default unlink icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-icon Used to override the default zoom-in icon used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-down-icon Used to override the default zoom-in icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-over-icon Used to override the default zoom-in icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-disabled-icon Used to override the default zoom-in icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-icon Used to override the default zoom-out icon used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-down-icon Used to override the default zoom-out icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-over-icon Used to override the default zoom-out icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-disabled-icon Used to override the default zoom-out icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::print-icon Used to override the default print icon used in the toolbar of the Gantt component.
af|dvt-gantt::print-down-icon Used to override the default print icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::print-over-icon Used to override the default print icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::print-disabled-icon Used to override the default print icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::legend-icon Used to override the default legend icon used in the toolbar of the Gantt component.
af|dvt-gantt::legend-down-icon Used to override the default legend icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::legend-over-icon Used to override the default legend icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::legend-disabled-icon Used to override the default legend icon (disabled) used in the toolbar of the Gantt component.

dvt:resourceUtilizationGantt component

Icon Selectors
Name Description
af|dvt-gantt::new-resource-icon Used to override the default new resource icon used in the toolbar of the Gantt component.
af|dvt-gantt::new-resource-down-icon Used to override the default new resource icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::new-resource-over-icon Used to override the default new resource icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::new-resource-disabled-icon Used to override the default new resource icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::edit-icon Used to override the default edit icon used in the toolbar of the Gantt component.
af|dvt-gantt::edit-down-icon Used to override the default edit icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::edit-over-icon Used to override the default edit icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::edit-disabled-icon Used to override the default edit icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::undo-icon Used to override the default undo icon used in the toolbar of the Gantt component.
af|dvt-gantt::undo-down-icon Used to override the default undo icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::undo-over-icon Used to override the default undo icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::undo-disabled-icon Used to override the default undo icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::redo-icon Used to override the default redo icon used in the toolbar of the Gantt component.
af|dvt-gantt::redo-down-icon Used to override the default redo icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::redo-over-icon Used to override the default redo icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::redo-disabled-icon Used to override the default redo icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::indent-icon Used to override the default indent icon used in the toolbar of the Gantt component.
af|dvt-gantt::indent-down-icon Used to override the default indent icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::indent-over-icon Used to override the default indent icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::indent-disabled-icon Used to override the default indent icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-icon Used to override the default outdent icon used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-down-icon Used to override the default outdent icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-over-icon Used to override the default outdent icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-disabled-icon Used to override the default outdent icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-icon Used to override the default zoom-in icon used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-down-icon Used to override the default zoom-in icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-over-icon Used to override the default zoom-in icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-disabled-icon Used to override the default zoom-in icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-icon Used to override the default zoom-out icon used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-down-icon Used to override the default zoom-out icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-over-icon Used to override the default zoom-out icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-disabled-icon Used to override the default zoom-out icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::print-icon Used to override the default print icon used in the toolbar of the Gantt component.
af|dvt-gantt::print-down-icon Used to override the default print icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::print-over-icon Used to override the default print icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::print-disabled-icon Used to override the default print icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::legend-icon Used to override the default legend icon used in the toolbar of the Gantt component.
af|dvt-gantt::legend-down-icon Used to override the default legend icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::legend-over-icon Used to override the default legend icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::legend-disabled-icon Used to override the default legend icon (disabled) used in the toolbar of the Gantt component.

dvt:schedulingGantt component

Style Selectors
Name Description
af|dvt-gantt::default-scheduling-task Styles the appearance of a default scheduling task.
af|dvt-gantt::default-travel Styles the appearance of a default startup portion of a task.
Icon Selectors
Name Description
af|dvt-gantt::new-resource-icon Used to override the default new resource icon used in the toolbar of the Gantt component.
af|dvt-gantt::new-resource-down-icon Used to override the default new resource icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::new-resource-over-icon Used to override the default new resource icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::new-resource-disabled-icon Used to override the default new resource icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::new-task-icon Used to override the default new task icon used in the toolbar of the Gantt component.
af|dvt-gantt::new-task-down-icon Used to override the default new task icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::new-task-over-icon Used to override the default new task icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::new-task-disabled-icon Used to override the default new task icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::edit-icon Used to override the default edit icon used in the toolbar of the Gantt component.
af|dvt-gantt::edit-down-icon Used to override the default edit icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::edit-over-icon Used to override the default edit icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::edit-disabled-icon Used to override the default edit icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::delete-icon Used to override the default delete icon used in the toolbar of the Gantt component.
af|dvt-gantt::delet-down-icon Used to override the default delete icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::delete-over-icon Used to override the default delete icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::delete-disabled-icon Used to override the default delete icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::cut-icon Used to override the default cut icon used in the toolbar of the Gantt component.
af|dvt-gantt::cut-down-icon Used to override the default cut icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::cut-over-icon Used to override the default cut icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::cut-disabled-icon Used to override the default cut icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::copy-icon Used to override the default copy icon used in the toolbar of the Gantt component.
af|dvt-gantt::copy-down-icon Used to override the default copy icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::copy-over-icon Used to override the default copy icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::copy-disabled-icon Used to override the default copy icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::paste-icon Used to override the default paste icon used in the toolbar of the Gantt component.
af|dvt-gantt::paste-down-icon Used to override the default paste icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::paste-over-icon Used to override the default paste icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::paste-disabled-icon Used to override the default paste icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::undo-icon Used to override the default undo icon used in the toolbar of the Gantt component.
af|dvt-gantt::undo-down-icon Used to override the default undo icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::undo-over-icon Used to override the default undo icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::undo-disabled-icon Used to override the default undo icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::redo-icon Used to override the default redo icon used in the toolbar of the Gantt component.
af|dvt-gantt::redo-down-icon Used to override the default redo icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::redo-over-icon Used to override the default redo icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::redo-disabled-icon Used to override the default redo icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::indent-icon Used to override the default indent icon used in the toolbar of the Gantt component.
af|dvt-gantt::indent-down-icon Used to override the default indent icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::indent-over-icon Used to override the default indent icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::indent-disabled-icon Used to override the default indent icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-icon Used to override the default outdent icon used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-down-icon Used to override the default outdent icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-over-icon Used to override the default outdent icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::outdent-disabled-icon Used to override the default outdent icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::link-icon Used to override the default link icon used in the toolbar of the Gantt component.
af|dvt-gantt::link-down-icon Used to override the default link icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::link-over-icon Used to override the default link icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::link-disabled-icon Used to override the default link icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::unlink-icon Used to override the default unlink icon used in the toolbar of the Gantt component.
af|dvt-gantt::unlink-down-icon Used to override the default unlink icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::unlink-over-icon Used to override the default unlink icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::unlink-disabled-icon Used to override the default unlink icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-icon Used to override the default zoom-in icon used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-down-icon Used to override the default zoom-in icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-over-icon Used to override the default zoom-in icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomin-disabled-icon Used to override the default zoom-in icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-icon Used to override the default zoom-out icon used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-down-icon Used to override the default zoom-out icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-over-icon Used to override the default zoom-out icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::zoomout-disabled-icon Used to override the default zoom-out icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::print-icon Used to override the default print icon used in the toolbar of the Gantt component.
af|dvt-gantt::print-down-icon Used to override the default print icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::print-over-icon Used to override the default print icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::print-disabled-icon Used to override the default print icon (disabled) used in the toolbar of the Gantt component.
af|dvt-gantt::legend-icon Used to override the default legend icon used in the toolbar of the Gantt component.
af|dvt-gantt::legend-down-icon Used to override the default legend icon (in pressed state) used in the toolbar of the Gantt component.
af|dvt-gantt::legend-over-icon Used to override the default legend icon (when hover over) used in the toolbar of the Gantt component.
af|dvt-gantt::legend-disabled-icon Used to override the default legend icon (disabled) used in the toolbar of the Gantt component.