Ribbon Color Picker | Infragistics Forums

State Not Answered
Replies 3 replies
Subscribers 5 subscribers
Views 926479 views
Users 0 members are here

305

Ribbon Color Picker

Carlo posted over 15 years ago

Is there a way to make the color picker in the XamRibbon work like the one in MS Word?

By this I mean, having the color in the icon change based on the last selection and having the one click color change (once the icon has a color set). The video below will illustrate my point a little better than I did:

http://www.screencast.com/users/CarloToribio/folders/Jing/media/294d586d-5f1d-4b65-b701-b7edc33f8eed

Thanks in advance.

Parents

No Data

Reply

54937

Offline Andrew Smith [Infragistics] posted over 15 years ago

What you would probably do is use a DrawingImage as the SmallImage for the menu and bind the Color of the drawing's brush to that of the selected color. e.g.

  <igRibbon:MenuTool

    igRibbon:RibbonGroup.MaximumSize="ImageOnly"

    ShouldDisplayGalleryPreview="False">

    <igRibbon:MenuTool.SmallImage>

        <DrawingImage>

            <DrawingImage.Drawing>

                <GeometryDrawing>

                    <GeometryDrawing.Pen>

                        <Pen Brush="Black" Thickness="1" />

                    </GeometryDrawing.Pen>

                    <GeometryDrawing.Brush>

                        <SolidColorBrush Color="{Binding Path=SelectedItem.Tag, ElementName=colorGallery}" />

                    </GeometryDrawing.Brush>

                    <GeometryDrawing.Geometry>

                        <RectangleGeometry Rect="0,0,16,16" />

                    </GeometryDrawing.Geometry>

                </GeometryDrawing>

            </DrawingImage.Drawing>

        </DrawingImage>

    </igRibbon:MenuTool.SmallImage>

        <loc:ColorPickerGalleryTool x:Name="colorGallery"

            Id="globalColorPicker"

            AllowResizeDropDown="False"

            ItemBehavior="StateButton"

            ItemClicked="OnColorPicked" />

</igRibbon:MenuTool>
Cancel
Reply

Cancel

Children

305

Carlo posted over 15 years ago in reply to Andrew Smith [Infragistics]

Thanks for the suggestion, but this doesn't work. In the application we need to show the little A icon with the rectangle below, not a big rectangle filling the button. Although, the code gave me an idea (put the image there, and draw a small rectangle with the desired color on top of it); but the code you sent doesn't draw the rectangle, I tried tweking a little but no success. You think this is possible? Draw the image and draw the rectangle on top of it?

Thanks for your time and support.
Cancel
Reply

Cancel