Color Element

Article
10/20/2016

Applies to: SharePoint Foundation 2010

Defines a color.

<Color
     Sequence="Integer"
     Title="Text"
     Style="CSS Selector"
     Color="Color string"
     DisplayColor="#hexdec"
/>

Attributes

Attribute	Description
Sequence	Optional. An integer that specifies the order of placement among sibling XML nodes.
Title	Optional. Specifies text for the Title attribute of the HTML anchor tag that renders the color.
Style	Optional. The name of a CSS selector to apply to the table cell that represents the color.
Color	Optional. A color string to be passed with the command event when the color is selected.
DisplayColor	Optional. A hexadecimal color code to use for the background color of the table cell, such as "#FF0000" (red).

Child Elements

None

Parent Elements

Colors

Occurrences

Minimum: 0

Maximum: unbounded

Example

The following example defines a section of a menu that includes a color picker control with several Color elements.

<MenuSection
    Id="fontColor"
    Title="Standard Colors">
    <Controls Id="Font.Color.Menu.Controls">
        <ColorPicker
            Id="fontColor"
            Command="FontColor">
            <Colors>
                <Color Color="0000C0" Title="Dark Red" DisplayColor="#C00000"/>
                <Color Color="0000FF" Title="Red" DisplayColor="#FF0000" />
                <Color Color="00C0FF" Title="Orange" DisplayColor="#FFC000"/>
                <Color Color="00FFFF" Title="Yellow" DisplayColor="#FFFF00" />
                <Color Color="50D092" Title="Light Green" DisplayColor="#92D050"/>
                <Color Color="50B000" Title="Dark Green" DisplayColor="#00B050"/>
                <Color Color="F0B000" Title="Light Blue" DisplayColor="#00B0F0"/>
                <Color Color="C07000" Title="Blue" DisplayColor="#0070C0"/>
                <Color Color="602000" Title="Dark Blue" DisplayColor="#002060" />
                <Color Color="A03070" Title="Purple" DisplayColor="#7030A0"/>
            </Colors>
        </ColorPicker>
    </Controls>
</MenuSection>

Share via