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

• Active Sections
• Structure