Edit this page

Template Structure

Template Structure

  • LayoutRoot - is of type Grid and represents the layout root for the template.

    • SectionsGrid - is of type Grid and contains all selection elements.

      • SaturationValuePadGrid - is of type Grid and contains the ColorPalette.

        • [Rectangle] - is of type Rectangle and holds the main color.
        • [Rectangle] - is of type Rectangle and holds the transparency of the main color.
        • [Rectangle] - is of type Rectangle and holds the darkness of the main color.
        • [Border] - is of type Border and wraps the Pad which controls the chosen color.
          • SaturationValuePad - is of type Pad and represents the control that processes the chosen color.
            • [Grid] - is of type Grid and hosts the selection thumb.
              • [Ellipse] - is of type Ellipse and represents the outer circle of the thumb.
              • [Ellipse] - is of type Ellipse and represents the inner circle of the thumb.
      • HueSaturationPadGrid - is of type Grid and hosts the SaturationValuePad section.

        • [Rectangle] - is of type Rectangle and represents the multicolor rectangle.
        • [Rectangle] - is of type Rectangle and represents the gray rectangle.
        • SaturationValuePad - is of type Pad and processes the selected color.

          • [Grid] - is of type Grid and hosts the selection thumb.
            • [Ellipse] - is of type Ellipse and represents the outer circle of the thumb.
            • [Ellipse] - is of type Ellipse and represents the inner circle of the thumb.
        • HuePadGrid - is of type Grid and hosts the vertical multicolor rectangle.

          • [Rectangle] - is of type Rectangle and represents the vertical multicolor rectangle.
          • [Border] - is of type Border and wraps the Pad control.
            • HuePad - is of type Pad and processes the selected color.
              • [Grid] - is of type Grid and hosts the selection thumb.
                • [Path] - is of type Path and represents the left part of the selection thumb.
                • [Path] - is of type Path and represents the right part of the selection thumb.
        • LuminancePadGrid - is of type Grid and hosts the LuminancePad section.

          • [Rectangle] - is of type Rectangle and represents the gray part of the scale.
          • [Grid] - is of type Grid and hosts the white and black parts of the scale.

            • [Rectangle] - is of type Rectangle and represents the white part of the scale.
            • [Rectangle] - is of type Grid and represents the black part of the scale.
          • [Border] - is of type Border and wraps the Pad control.

            • [LuminancePad] - is of type Pad and processes the selected luminance.
              • [Grid] - is of type Grid and hosts the selection thumb.
                • [Path] - is of type Path and represents the outer circle of the selection thumb.
                • [Path] - is of type Path and represents the inner circle of the selection thumb.
        • InitAndCurrentColorGrid - is of type Grid and hosts the Borders representing the initial, the selected and the previous colors.

          • ChessBoardRect - is of type Border and it is visualized when transparency is added to the initial and the selected colors.

            • ChessboardEffect - is of type ChessboardEffect and it is visualized when transparency is added to the initial and the selected colors.
          • PART_InitialColor - is of type Border and represents the initial color.

          • [Border] - is of type Border and represents the selected color.
          • [Border] - is of type Border and represents the previous color.
        • ColorModesGrid - is of type Grid and hots

          • [RadComboBox] - is of type RadComboBox and it is used to switch between the edit modes.

            • ClearSelectionButtonContent
          • RgbTemplate - is of type Grid and hosts all components needed in RGB edit mode.

            • [TextBlock] "R" - is of type TextBlock and displays the "R" symbol.
            • [TextBlock] "G" - is of type TextBlock and displays the "G" symbol.
            • [TextBlock] "B" - is of type TextBlock and displays the "B" symbol.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the R component of the color.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the G component of the color.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the B component of the color.
            • RgbSliderRed - is of type RadSlider and changes the R component of the color.
            • RgbSliderGreen - is of type RadSlider and changes the G component of the color.
            • RgbSliderBlue - is of type RadSlider and changes the B component of the color.
          • HlsTemplate - is of type Grid and hosts all components needed in HLS edit mode.

            • [TextBlock] "H" - is of type TextBlock and displays the "H" symbol.
            • [TextBlock] "L" - is of type TextBlock and displays the "L" symbol.
            • [TextBlock] "S" - is of type TextBlock and displays the "S" symbol.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the H component of the color.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the L component of the color.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the S component of the color.
            • HlsSliderHue - is of type RadSlider and changes the H component of the color.
            • HlsSliderLuminance - is of type RadSlider and changes the L component of the color.
            • HlsSliderSaturation - is of type RadSlider and changes the S component of the color.
          • HsvTemplate - is of type Grid and hosts all components needed in HSV edit mode.

            • [TextBlock] "H" - is of type TextBlock and displays the "H" symbol.
            • [TextBlock] "S" - is of type TextBlock and displays the "S" symbol.
            • [TextBlock] "V" - is of type TextBlock and displays the "V" symbol.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the H component of the color.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the S component of the color.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the V component of the color.
            • HsvSliderHue - is of type RadSlider and changes the H component of the color.
            • HsvSliderSaturation - is of type RadSlider and changes the S component of the color.
            • HsvSliderValue - is of type RadSlider and changes the V component of the color.
          • CmykTemplate - is of type Grid and hosts all components needed in CMYK edit mode.

            • [TextBlock] "C" - is of type TextBlock and displays the "C" symbol.
            • [TextBlock] "M" - is of type TextBlock and displays the "M" symbol.
            • [TextBlock] "Y" - is of type TextBlock and displays the "Y" symbol.
            • [TextBlock] "K" - is of type TextBlock and displays the "K" symbol.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the C component of the color.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the M component of the color.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the Y component of the color.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the K component of the color.
            • CmykSliderCyan - is of type RadSlider and changes the C component of the color.
            • CmykSliderMagenta - is of type RadSlider and changes the M component of the color.
            • CmykSliderYellow - is of type RadSlider and changes the Y component of the color.
            • CmykSliderKey - is of type RadSlider and changes the K component of the color.
          • [Grid] - is of type Grid and hosts the components that control the transparency of the color.

            • [TextBlock] "A" - is of type TextBlock and displays the "A" symbol.
            • [RadMaskedNumericInput] - is of type RadMaskedNumericInput and displays/controls the A component of the color in all modes.
            • SliderAlpha - is of type RadSlider and changes the A component of the color in all modes.
          • [Grid] - is of type Grid and hosts the HEX representation of the color.

            • [TextBlock] "#" - is of type TextBlock and displays the "#" symbol.
            • [TextBlock] - is of type TextBlock and displays/controls the all components of the final color.

See Also