Mini Kabibi Habibi
<local:RibbonDemoModule x:Class="RibbonDemo.RibbonSimplePad"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:local="clr-namespace:RibbonDemo"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
xmlns:dxdb="http://schemas.devexpress.com/winfx/2008/xaml/demobase"
xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
xmlns:dxr="http://schemas.devexpress.com/winfx/2008/xaml/ribbon"
xmlns:coll="clr-namespace:System.Collections;assembly=mscorlib"
xmlns:sys="clr-namespace:System;assembly=mscorlib"
Height="500" Width="600"
x:Name="root">
<local:RibbonDemoModule.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="/RibbonDemo;component/Modules/RibbonSimplePadResources.xaml" />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</local:RibbonDemoModule.Resources>
<dxdb:DemoModuleControl>
<dxb:BarManager Name="barManager">
<dxb:BarManager.Resources>
<dxr:ApplicationMenu x:Key="appMenu" RightPaneWidth="280" ShowRightPane="True">
<dxr:ApplicationMenu.ItemLinks>
<dxb:BarItemLink BarItemName="sbNew"/>
<dxb:BarItemLink BarItemName="bOpen"/>
<dxb:BarItemLinkSeparator/>
<dxb:BarItemLink BarItemName="bPrint"/>
<dxb:BarItemLink BarItemName="bSend"/>
<dxb:BarItemLinkSeparator/>
<dxb:BarItemLink BarItemName="bAbout"/>
<dxb:BarItemLinkSeparator/>
<dxb:BarItemLink BarItemName="bExit"/>
</dxr:ApplicationMenu.ItemLinks>
<dxr:ApplicationMenu.RightPane>
<dx:BackgroundPanel>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<TextBlock FontWeight="Bold" Margin="7,5,5,0">Recent Documents:</TextBlock>
<Separator Grid.Row="1" Margin="7,0,5,0" />
<ListBox ItemTemplate="{StaticResource RecentItemsListBoxItemTemplate}" Grid.Row="2" BorderThickness="0" Margin="2,0,0,0" SelectionChanged="RecentItemsListBox_SelectionChanged">
<ListBox.Items>
<local:RecentItem Number="1" FileName="Document4.rtf"/>
<local:RecentItem Number="2" FileName="Document3.rtf"/>
<local:RecentItem Number="3" FileName="Document2.rtf"/>
<local:RecentItem Number="4" FileName="Document1.rtf"/>
</ListBox.Items>
</ListBox>
</Grid>
</dx:BackgroundPanel>
</dxr:ApplicationMenu.RightPane>
<dxr:ApplicationMenu.BottomPane>
<dx:UniformStackPanel Orientation="Horizontal" ChildSpacing="6" Margin="0,0,2,0" >
<Button Margin="0,2,0,2" Content="Options" Command="{Binding ViewModel.OptionsCommand}"/>
<Button Margin="0,2,0,2" Content="Exit" Command="{Binding ViewModel.ExitCommand}"/>
</dx:UniformStackPanel>
</dxr:ApplicationMenu.BottomPane>
</dxr:ApplicationMenu>
<local:EnumToBoolConverter x:Key="EnumToBoolConverter" />
<local:FontSizeConverter x:Key="FontSizeConverter" />
<local:SimplePadFontFamilyConverter x:Key="FontFamilyConverter" />
<local:ImageScaleValueConverter x:Key="ImageScaleValueConverter" />
</dxb:BarManager.Resources>
<dxb:BarManager.Items>
<dxb:BarButtonItem Name="bNew" Content="New" Glyph="/RibbonDemo;component/Images/Icons/new-16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/new-32x32.png" KeyGesture="Ctrl+N" Hint="New Blank Document" Command="{Binding ViewModel.NewCommand}" Description="New blank document."/>
<dxb:BarButtonItem Name="bTemplate" Content="Template" Glyph="/RibbonDemo;component/Images/Icons/new-16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/new-32x32.png" KeyGesture="Ctrl+N" Hint="New Blank Document" Command="{Binding ViewModel.NewTemplateCommand}" Description="New blank document."/>
<dxb:BarSplitButtonItem Name="sbNew" Content="New" Glyph="/RibbonDemo;component/Images/Icons/new-16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/new-32x32.png" Hint="New Blank Document" Command="{Binding ViewModel.NewCommand}" Description="New blank document.">
<dxb:BarSplitButtonItem.PopupControl>
<dxb:PopupMenu ItemsDisplayMode="LargeImagesTextDescription">
<dxb:PopupMenu.ItemLinks>
<dxb:BarItemLink BarItemName="bNew"/>
<dxb:BarItemLink BarItemName="bTemplate"/>
</dxb:PopupMenu.ItemLinks>
</dxb:PopupMenu>
</dxb:BarSplitButtonItem.PopupControl>
</dxb:BarSplitButtonItem>
<dxb:BarButtonItem Name="bOpen" Content="Open" Glyph="/RibbonDemo;component/Images/Icons/open-16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/open-32x32.png" KeyGesture="Ctrl+O" Hint="Open a file." Description="Open a file." IsEnabled="False"/>
<dxb:BarButtonItem Name="bClose" Content="Close" Glyph="/RibbonDemo;component/Images/Icons/close-16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/close-32x32.png" Hint="Closes the document." IsEnabled="False"/>
<dxb:BarButtonItem Name="bPrint" Content="Print" Glyph="/RibbonDemo;component/Images/Icons/print-16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/print-32x32.png" Hint="Prints the document." KeyGesture="Ctrl+P" Command="{Binding ViewModel.PrintCommand}" Description="Prints the document."/>
<dxb:BarButtonItem Name="bSend" Content="Send in e-mail" LargeGlyph="/RibbonDemo;component/Images/Icons/Attach_32x32.png" Hint="Send a copy of the document in an e-mail message as an attachment." KeyGesture="Ctrl+D" Description="Send the document in an e-mail message." IsEnabled="False"/>
<dxb:BarButtonItem Name="bAbout" Content="About" LargeGlyph="/RibbonDemo;component/Images/Icons/info-32x32.png" IsEnabled="False"/>
<dxb:BarButtonItem Name="bExit" Content="Exit" Glyph="/RibbonDemo;component/Images/Icons/close-16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/close-32x32.png" Hint="Closes this program after prompting you to save unsaved document." Description="Closes this program." IsEnabled="False"/>
<dxb:BarButtonItem Name="bCut" Content="Cut" Glyph="/RibbonDemo;component/Images/Icons/cut-16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/cut-32x32.png" KeyGesture="Ctrl+X" Command="{Binding ViewModel.CutCommand}"/>
<dxb:BarButtonItem Name="bCopy" Content="Copy" Glyph="/RibbonDemo;component/Images/Icons/copy-16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/copy-32x32.png" KeyGesture="Ctrl+C" Command="{Binding ViewModel.CopyCommand}"/>
<dxb:BarButtonItem Name="bPaste" Content="Paste" Glyph="/RibbonDemo;component/Images/Icons/paste-16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/paste-32x32.png" Hint="Inserts the contents of the Clipboard at the insertion point." KeyGesture="Ctrl+V" Command="{Binding ViewModel.PasteCommand}" />
<dxb:BarButtonItem Name="bClear" Content="Clear text" Glyph="/RibbonDemo;component/Images/Icons/Delete_16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/Delete_32x32.png" Command="{Binding ViewModel.ClearCommand}" />
<dxb:BarButtonItem Name="bSelectAll" Content="Select All" KeyGesture="Ctrl+A" Hint="Selects all text in the document." Command="{Binding ViewModel.SelectAllCommand}" Glyph="/RibbonDemo;component/Images/Icons/SelectAll_16x16.png" LargeGlyph="/RibbonDemo;component/Images/Icons/SelectAll_32x32.png"/>
<dxb:BarButtonItem Name="bInsertPicture" IsEnabled="False" Content="Picture" LargeGlyph="/RibbonDemo;component/Images/Icons/InsertPicture-32x32.png" KeyGesture="Ctrl+A" Hint="Insert picture in document."/>
<dxb:BarCheckItem Name="bBold" Content="Bold" Glyph="/RibbonDemo;component/Images/Icons/bold-16x16.png" KeyGesture="Ctrl+B" IsChecked="{Binding ViewModel.IsBold, Mode=TwoWay}" />
<dxb:BarCheckItem Name="bItalic" Content="Italic" Glyph="/RibbonDemo;component/Images/Icons/italic-16x16.png" KeyGesture="Ctrl+I" IsChecked="{Binding ViewModel.IsItalic, Mode=TwoWay}" />
<dxb:BarCheckItem Name="bUnderline" Content="Underline" Glyph="/RibbonDemo;component/Images/Icons/underline-16x16.png" KeyGesture="Ctrl+U" IsChecked="{Binding ViewModel.IsUnderline, Mode=TwoWay}" />
<dxr:BarButtonGroup Name="bgFontShape">
<dxr:BarButtonGroup.ItemLinks>
<dxb:BarItemLink BarItemName="bBold"/>
<dxb:BarItemLink BarItemName="bItalic"/>
<dxb:BarItemLink BarItemName="bUnderline"/>
</dxr:BarButtonGroup.ItemLinks>
</dxr:BarButtonGroup>
<dxb:BarButtonItem Name="bGrowFont" Content="Grow Font" Glyph="/RibbonDemo;component/Images/Icons/FontSizeIncrease_16x16.png" Command="{Binding ViewModel.GrowFontCommand}"/>
<dxb:BarButtonItem Name="bShrinkFont" Content="Shrink Font" Glyph="/RibbonDemo;component/Images/Icons/FontSizeDecrease_16x16.png" Command="{Binding ViewModel.ShrinkFontCommand}"/>
<dxr:BarButtonGroup Name="bgFontSizeChange">
<dxr:BarButtonGroup.ItemLinks>
<dxb:BarItemLink BarItemName="bGrowFont"/>
<dxb:BarItemLink BarItemName="bShrinkFont"/>
</dxr:BarButtonGroup.ItemLinks>
</dxr:BarButtonGroup>
<dxb:BarButtonItem Name="bIndentIncrease" Content="Increase Indent" KeyGesture="Ctrl+Shift+Right" Glyph="/RibbonDemo;component/Images/Icons/IndentIncrease_16x16.png" IsEnabled="False"/>
<dxb:BarButtonItem Name="bIndentDecrease" Content="Decrease Indent" KeyGesture="Ctrl+Shift+Left" Glyph="/RibbonDemo;component/Images/Icons/IndentDecrease_16x16.png" IsEnabled="False"/>
<dxr:BarButtonGroup Name="bgIndentChange">
<dxr:BarButtonGroup.ItemLinks>
<dxb:BarItemLink BarItemName="bIndentDecrease"/>
<dxb:BarItemLink BarItemName="bIndentIncrease"/>
</dxr:BarButtonGroup.ItemLinks>
</dxr:BarButtonGroup>
<dxb:BarEditItem Name="eFontSize" EditWidth="60" Content="Font Size" Hint="Change the font size" EditValue="{Binding ViewModel.FontSize, Converter={StaticResource FontSizeConverter}, Mode=TwoWay}">
<dxb:BarEditItem.EditSettings>
<dxe:ComboBoxEditSettings PopupMaxHeight="250" IsTextEditable="False" ItemsSource="{Binding ViewModel.FontSizeArray.Items}"/>
</dxb:BarEditItem.EditSettings>
</dxb:BarEditItem>
<dxb:BarEditItem Name="eFont" EditWidth="120" Content="Font Family" Hint="Change the font family" EditValue="{Binding ViewModel.FontFamily, Converter={StaticResource FontFamilyConverter}, Mode=TwoWay}">
<dxb:BarEditItem.EditSettings>
<dxe:ComboBoxEditSettings IsTextEditable="False" ItemsSource="{Binding ViewModel.FontFamilies.Items}"></dxe:ComboBoxEditSettings>
</dxb:BarEditItem.EditSettings>
</dxb:BarEditItem>
<dxr:BarButtonGroup Name="bgFont">
<dxr:BarButtonGroup.ItemLinks>
<dxb:BarEditItemLink BarItemName="eFont"/>
<dxb:BarEditItemLink BarItemName="eFontSize"/>
</dxr:BarButtonGroup.ItemLinks>
</dxr:BarButtonGroup>
<dxb:BarCheckItem Name="bLeft" Content="Left" GroupIndex="1" KeyGesture="Ctrl+L" Glyph="/RibbonDemo;component/Images/Icons/left-align-16x16.png" Command="{Binding ViewModel.AlignLeftCommand}" IsChecked="{Binding Path=ViewModel.TextAlignment, Converter={StaticResource EnumToBoolConverter}, ConverterParameter=Left, Mode=TwoWay}" />
<dxb:BarCheckItem Name="bCenter" Content="Center" GroupIndex="1" KeyGesture="Ctrl+E" Glyph="/RibbonDemo;component/Images/Icons/center-align-16x16.png" Command="{Binding ViewModel.AlignCenterCommand}" IsChecked="{Binding Path=ViewModel.TextAlignment, Converter={StaticResource EnumToBoolConverter}, ConverterParameter=Center, Mode=TwoWay}" />
<dxb:BarCheckItem Name="bRight" Content="Right" GroupIndex="1" KeyGesture="Ctrl+R" Glyph="/RibbonDemo;component/Images/Icons/right-align-16x16.png" Command="{Binding ViewModel.AlignRightCommand}" IsChecked="{Binding Path=ViewModel.TextAlignment, Converter={StaticResource EnumToBoolConverter}, ConverterParameter=Right, Mode=TwoWay}" />
<dxr:BarButtonGroup Name="bgAlignment">
<dxr:BarButtonGroup.ItemLinks>
<dxb:BarItemLink BarItemName="bLeft"/>
<dxb:BarItemLink BarItemName="bCenter"/>
<dxb:BarItemLink BarItemName="bRight"/>
</dxr:BarButtonGroup.ItemLinks>
</dxr:BarButtonGroup>
<dxb:BarSplitButtonItem Name="sbImageBorderColor" Content="border color" Hint="Image border color" IsEnabled="{Binding ViewModel.IsImageSelected, Mode=TwoWay}" ActAsDropDown="True">
<dxb:BarSplitButtonItem.GlyphTemplate>
<DataTemplate>
<Border Width="32" Height="32" BorderBrush="Black" BorderThickness="1">
<Border.Background>
<SolidColorBrush Color="{Binding ViewModel.SelectedImageColor}"/>
</Border.Background>
</Border>
</DataTemplate>
</dxb:BarSplitButtonItem.GlyphTemplate>
<dxb:BarSplitButtonItem.PopupControl>
<dxb:PopupControlContainer >
<dxe:ColorEdit EditValue="{Binding ViewModel.SelectedImageColor, Mode=TwoWay}" DefaultColor="Black" CloseOwnerPopupOnClick="True" ShowBorder="False"/>
</dxb:PopupControlContainer>
</dxb:BarSplitButtonItem.PopupControl>
</dxb:BarSplitButtonItem>
<dxb:BarSplitButtonItem Name="sbTextBackground" Content="Text Highlight Color" Hint="Make text look like it was marked with a highlighter pen">
<dxb:BarSplitButtonItem.GlyphTemplate>
<DataTemplate>
<Canvas Width="16" Height="16">
<Image Source="/RibbonDemo;component/Images/Icons/font-color-16x16.png"/>
<Border Width="14" Height="2" Canvas.Left="1" Canvas.Top="14">
<Border.Background>
<SolidColorBrush Color="{Binding ViewModel.Background}"/>
</Border.Background>
</Border>
</Canvas>
</DataTemplate>
</dxb:BarSplitButtonItem.GlyphTemplate>
<dxb:BarSplitButtonItem.PopupControl>
<dxb:PopupControlContainer>
<dxe:ColorEdit DefaultColor="Transparent" DefaultColorButtonContent="No color" ShowBorder="False" EditValue="{Binding ViewModel.Background, Mode=TwoWay}"/>
</dxb:PopupControlContainer>
</dxb:BarSplitButtonItem.PopupControl>
</dxb:BarSplitButtonItem>
<dxb:BarSplitButtonItem Name="sbForeground" Content="Font Color" Hint="Change the font color" Command="{Binding ViewModel.SetForegroundCommand}">
<dxb:BarSplitButtonItem.GlyphTemplate>
<DataTemplate>
<Canvas Width="16" Height="16">
<Image Source="/RibbonDemo;component/Images/Icons/Highlight_16x16.png"/>
<Border Width="14" Height="2" Canvas.Left="1" Canvas.Top="14">
<Border.Background>
<SolidColorBrush Color="{Binding ViewModel.Foreground}"/>
</Border.Background>
</Border>
</Canvas>
</DataTemplate>
</dxb:BarSplitButtonItem.GlyphTemplate>
<dxb:BarSplitButtonItem.PopupControl>
<dxb:PopupControlContainer>
<dxe:ColorEdit DefaultColor="Black" EditValue="{Binding ViewModel.Foreground, Mode=TwoWay}" CloseOwnerPopupOnClick="True" ShowBorder="False"/>
</dxb:PopupControlContainer>
</dxb:BarSplitButtonItem.PopupControl>
</dxb:BarSplitButtonItem>
<dxr:BarButtonGroup Name="bgFontColors">
<dxr:BarButtonGroup.ItemLinks>
<dxb:BarSplitButtonItemLink BarItemName="sbTextBackground"/>
<dxb:BarSplitButtonItemLink BarItemName="sbForeground" />
</dxr:BarButtonGroup.ItemLinks>
</dxr:BarButtonGroup>
<dxb:BarSplitCheckItem Name="sbListBullets" Content="Start a list" KeyGesture="Ctrl+Shift+L" Hint="Click the arrow to choose different list styles" Glyph="/RibbonDemo;component/Images/Icons/bullets-16x16.png" IsChecked="{Binding ViewModel.IsList}">
<dxb:BarSplitCheckItem.PopupControl>
<dxr:GalleryDropDownPopupMenu x:Name="pmMarkerType" InitialVisibleColCount="5" >
<dxr:GalleryDropDownPopupMenu.Gallery>
<dxb:Gallery x:Name="gMarkerType" ColCount="5" MinColCount="2" RowCount="2" IsGroupCaptionVisible="False" AllowFilter="False" IsItemCaptionVisible="False" IsItemDescriptionVisible="False"
ItemCheckMode="None" ItemClick="gMarkerType_ItemClick">
<dxb:Gallery.Groups>
<dxb:GalleryItemGroup>
<dxb:GalleryItemGroup.Items>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Icons/Bullets-None-76x76.png" Caption="None" Hint="No marker displayed." />
<dxb:GalleryItem x:Name="gItem" Glyph="/RibbonDemo;component/Images/Icons/Bullets-Disc-76x76.png" Caption="Disc" Hint="A solid disc circle is displayed." />
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Icons/Bullets-Circle-76x76.png" Caption="Circle" Hint="A hollow disc circle is displayed."/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Icons/Bullets-Square-76x76.png" Caption="Square" Hint="A hollow square shape is displayed."/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Icons/Bullets-Box-76x76.png" Caption="Box" Hint="A solid square box is displayed."/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Icons/Bullets-LowerRoman-76x76.png" Caption="LowerRoman" Hint="A lowercase Roman numeral is displayed, starting with the numeral i"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Icons/Bullets-UpperRoman-76x76.png" Caption="UpperRoman" Hint="An uppercase Roman numeral is displayed, starting with the numeral I"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Icons/Bullets-LowerLatin-76x76.png" Caption="LowerLatin" Hint="A lowercase ASCII character is displayed, starting with the letter a"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Icons/Bullets-UpperLatin-76x76.png" Caption="UpperLatin" Hint="An uppercase ASCII character is displayed, starting with the letter A"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Icons/Bullets-Decimal-76x76.png" Caption="Decimal" Hint="A decimal is displayed, starting with the number one"/>
</dxb:GalleryItemGroup.Items>
</dxb:GalleryItemGroup>
</dxb:Gallery.Groups>
</dxb:Gallery>
</dxr:GalleryDropDownPopupMenu.Gallery>
</dxr:GalleryDropDownPopupMenu>
</dxb:BarSplitCheckItem.PopupControl>
</dxb:BarSplitCheckItem>
<dxr:BarButtonGroup Name="bgListBullets">
<dxr:BarButtonGroup.ItemLinks>
<dxb:BarItemLink BarItemName="sbListBullets"/>
</dxr:BarButtonGroup.ItemLinks>
</dxr:BarButtonGroup>
<dxr:RibbonGalleryBarItem x:Name="itmShapes" DropDownGalleryInit="OnShapesDropDownGalleryInit">
<dxr:RibbonGalleryBarItem.Gallery>
<dxb:Gallery x:Name="gShapes" ItemGlyphRegionSize="54,54" ItemCheckMode="Single" ItemGlyphStretch="None" ItemCaptionMargin="0" ItemDescriptionMargin="0" IsItemDescriptionVisible="False" IsItemCaptionVisible="False" ItemClick="OnShapesItemClick" ColCount="12" MinColCount="1" RowCount="2">
<dxb:Gallery.Groups>
<dxb:GalleryItemGroup>
<dxb:GalleryItemGroup.Items>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Shapes/ShapeNone.png" Description="None" Hint="None">
<dxb:GalleryItem.SuperTip>
<dx:SuperTip>
<dx:SuperTipHeaderItem Content="None"/>
</dx:SuperTip>
</dxb:GalleryItem.SuperTip>
</dxb:GalleryItem>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Shapes/ShapeRectangle.png" Description="Rectangle border" Hint="Rectangle border">
<dxb:GalleryItem.SuperTip>
<dx:SuperTip>
<dx:SuperTipHeaderItem Content="Rectangle"/>
</dx:SuperTip>
</dxb:GalleryItem.SuperTip>
</dxb:GalleryItem>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Shapes/ShapeCircle.png" Description="Circle border" Hint="Circle border">
<dxb:GalleryItem.SuperTip>
<dx:SuperTip>
<dx:SuperTipHeaderItem Content="Circle"/>
</dx:SuperTip>
</dxb:GalleryItem.SuperTip>
</dxb:GalleryItem>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Shapes/ShapeTriangle.png" Description="Triangle border" Hint="Triangle border">
<dxb:GalleryItem.SuperTip>
<dx:SuperTip>
<dx:SuperTipHeaderItem Content="Triangle"/>
</dx:SuperTip>
</dxb:GalleryItem.SuperTip>
</dxb:GalleryItem>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Shapes/ShapeStar.png" Description="Star border" Hint="Star border">
<dxb:GalleryItem.SuperTip>
<dx:SuperTip>
<dx:SuperTipHeaderItem Content="Star"/>
</dx:SuperTip>
</dxb:GalleryItem.SuperTip>
</dxb:GalleryItem>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Shapes/ShapeLeftArrow.png" Description="Left arrow border" Hint="Left arrow border">
<dxb:GalleryItem.SuperTip>
<dx:SuperTip>
<dx:SuperTipHeaderItem Content="Left Arrow"/>
</dx:SuperTip>
</dxb:GalleryItem.SuperTip>
</dxb:GalleryItem>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Shapes/ShapeRightArrow.png" Description="Right arrow border" Hint="Right arrow border">
<dxb:GalleryItem.SuperTip>
<dx:SuperTip>
<dx:SuperTipHeaderItem Content="Right Arrow"/>
</dx:SuperTip>
</dxb:GalleryItem.SuperTip>
</dxb:GalleryItem>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Shapes/ShapeUpArrow.png" Description="Up arrow border" Hint="Up arrow border">
<dxb:GalleryItem.SuperTip>
<dx:SuperTip>
<dx:SuperTipHeaderItem Content="Up arrow"/>
</dx:SuperTip>
</dxb:GalleryItem.SuperTip>
</dxb:GalleryItem>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Shapes/ShapeDownArrow.png" Description="Down arrow border" Hint="Down arrow border">
<dxb:GalleryItem.SuperTip>
<dx:SuperTip>
<dx:SuperTipHeaderItem Content="Down arrow"/>
</dx:SuperTip>
</dxb:GalleryItem.SuperTip>
</dxb:GalleryItem>
</dxb:GalleryItemGroup.Items>
</dxb:GalleryItemGroup>
</dxb:Gallery.Groups>
</dxb:Gallery>
</dxr:RibbonGalleryBarItem.Gallery>
</dxr:RibbonGalleryBarItem>
<dxb:BarEditItem Name="eImageScale" EditWidth="60" Content="Scale:" Hint="Image scale" Glyph="/RibbonDemo;component/Images/Icons/Scaling_16x16.png" EditValue="{Binding ViewModel.SelectedImage.Scale, Converter={StaticResource ImageScaleValueConverter}, Mode=TwoWay}">
<dxb:BarEditItem.EditSettings>
<dxe:ComboBoxEditSettings PopupMaxHeight="250" IsTextEditable="False" ItemsSource="{Binding ViewModel.ImageScaleValueArray}"/>
</dxb:BarEditItem.EditSettings>
</dxb:BarEditItem>
<dxb:BarEditItem Name="eImageBorderThickness" EditWidth="60" Content="Thickness:" Hint="Image border thickness" Glyph="/RibbonDemo;component/Images/Icons/Thickness_16x16.png" EditValue="{Binding ViewModel.SelectedImage.BorderWeight, Mode=TwoWay}">
<dxb:BarEditItem.EditSettings>
<dxe:ComboBoxEditSettings PopupMaxHeight="250" IsTextEditable="False" ItemsSource="{Binding ViewModel.BorderWeightArray}" />
</dxb:BarEditItem.EditSettings>
</dxb:BarEditItem>
<dxr:RibbonGalleryBarItem Name="gClipart" DropDownGalleryInit="OnClipartDropDownGalleryInit">
<dxr:RibbonGalleryBarItem.Gallery>
<dxb:Gallery IsItemCaptionVisible="False" RowCount="2" ItemGlyphSize="100,56" IsItemDescriptionVisible="False" AllowFilter="False" IsGroupCaptionVisible="False" MinColCount="2" ItemGlyphHorizontalAlignment="Center" ItemGlyphVerticalAlignment="Center" ItemClick="OnClipartItemClick">
<dxb:GalleryItemGroup>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caCompClient.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caCompClientEnabled.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caDatabaseBlue.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caDataBaseDisabled.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caDataBaseGreen.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caDataBaseViolet.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caInet.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caInetSearch.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caModem.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caModemEnabled.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caNetCard.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caNetwork.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caNetworkEnabled.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caServer.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caServerEnabled.png"/>
<dxb:GalleryItem Glyph="/RibbonDemo;component/Images/Clipart/caWebCam.png"/>
</dxb:GalleryItemGroup>
</dxb:Gallery>
</dxr:RibbonGalleryBarItem.Gallery>
</dxr:RibbonGalleryBarItem>
<dxr:RibbonGalleryBarItem Name="gTheme" DropDownGalleryInit="OnThemeDropDownGalleryInit">
<dxr:RibbonGalleryBarItem.Gallery>
<dxb:Gallery MinColCount="2" ColCount="4" RowCount="2" ItemCheckMode="Single" AllowHoverAnimation="True" AllowHoverImages="True" FilterCaption="Themes" IsItemCaptionVisible="False" ItemCaptionHorizontalAlignment="Center" HoverGlyphSize="96,96" ItemClick="OnThemeItemClick">
<dxb:Gallery.Groups>
<dxb:GalleryItemGroup Caption="Standard">
<dxb:GalleryItem Caption="DXStyle" Glyph="/RibbonDemo;component/Images/ThemeIcons/DXStyle.png"/>
<dxb:GalleryItem Caption="VS2010" Glyph="/RibbonDemo;component/Images/ThemeIcons/VS2010.png"/>
<dxb:GalleryItem Caption="MetropolisDark" Glyph="/RibbonDemo;component/Images/ThemeIcons/MetropolisDark.png"/>
<dxb:GalleryItem Caption="MetropolisLight" Glyph="/RibbonDemo;component/Images/ThemeIcons/MetropolisLight.png"/>
<dxb:GalleryItem Caption="Seven" Glyph="/RibbonDemo;component/Images/ThemeIcons/Seven_48x48.png"/>
<dxb:GalleryItem Caption="Light Gray" Glyph="/RibbonDemo;component/Images/ThemeIcons/LightGray_48x48.png" />
<dxb:GalleryItem Caption="Deep Blue" Glyph="/RibbonDemo;component/Images/ThemeIcons/DeepBlue_48x48.png"/>
</dxb:GalleryItemGroup>
<dxb:GalleryItemGroup Caption="Office2007">
<dxb:GalleryItem Caption="Office 2007 Black" Glyph="/RibbonDemo;component/Images/ThemeIcons/Office2007Black_48x48.png"/>
<dxb:GalleryItem Caption="Office 2007 Blue" Glyph="/RibbonDemo;component/Images/ThemeIcons/Office2007Blue_48x48.png"/>
<dxb:GalleryItem Caption="Office 2007 Silver" Glyph="/RibbonDemo;component/Images/ThemeIcons/Office2007Silver_48x48.png"/>
</dxb:GalleryItemGroup>
<dxb:GalleryItemGroup Caption="Office2010">
<dxb:GalleryItem Caption="Office 2010 Black" Glyph="/RibbonDemo;component/Images/ThemeIcons/Office2010Black_48x48.png"/>
<dxb:GalleryItem Caption="Office 2010 Blue" Glyph="/RibbonDemo;component/Images/ThemeIcons/Office2010Blue_48x48.png"/>
<dxb:GalleryItem Caption="Office 2010 Silver" Glyph="/RibbonDemo;component/Images/ThemeIcons/Office2010Silver_48x48.png"/>
</dxb:GalleryItemGroup>
<dxb:GalleryItemGroup Caption="Office2013">
<dxb:GalleryItem Caption="Office 2013" Glyph="/RibbonDemo;component/Images/ThemeIcons/Office2013_48x48.png"/>
</dxb:GalleryItemGroup>
</dxb:Gallery.Groups>
</dxb:Gallery>
</dxr:RibbonGalleryBarItem.Gallery>
</dxr:RibbonGalleryBarItem>
<dxb:BarEditItem Name="eRibbonStyle" Content="Ribbon Style:" EditWidth="100" ClosePopupOnChangingEditValue="True" EditValue="{Binding ViewModel.RibbonStyle, Mode=TwoWay}">
<dxb:BarEditItem.EditSettings>
<dxe:ComboBoxEditSettings IsTextEditable="False" PopupMaxHeight="250" >
<dxe:ComboBoxEditSettings.Items>
<dxr:RibbonStyle>Office2010</dxr:RibbonStyle>
<dxr:RibbonStyle>Office2007</dxr:RibbonStyle>
</dxe:ComboBoxEditSettings.Items>
</dxe:ComboBoxEditSettings>
</dxb:BarEditItem.EditSettings>
</dxb:BarEditItem>
<dxb:BarEditItem Name="ePageCategoryAlignment" Content="Page category alignment:" EditWidth="100" ClosePopupOnChangingEditValue="True" EditValue="{Binding ViewModel.PageCategoryAlignment, Mode=TwoWay}">
<dxb:BarEditItem.EditSettings>
<dxe:ComboBoxEditSettings IsTextEditable="False" PopupMaxHeight="250">
<dxe:ComboBoxEditSettings.Items>
<dxr:RibbonPageCategoryCaptionAlignment>Right</dxr:RibbonPageCategoryCaptionAlignment>
<dxr:RibbonPageCategoryCaptionAlignment>Left</dxr:RibbonPageCategoryCaptionAlignment>
</dxe:ComboBoxEditSettings.Items>
</dxe:ComboBoxEditSettings>
</dxb:BarEditItem.EditSettings>
</dxb:BarEditItem>
<dxb:BarEditItem Name="eToolbarShowMode" Content="Toolbar show mode:" EditWidth="100" ClosePopupOnChangingEditValue="True" EditValue="{Binding ViewModel.ToolbarShowMode, Mode=TwoWay}">
<dxb:BarEditItem.EditSettings>
<dxe:ComboBoxEditSettings IsTextEditable="False" PopupMaxHeight="250">
<dxe:ComboBoxEditSettings.Items>
<dxr:RibbonQuickAccessToolbarShowMode>ShowAbove</dxr:RibbonQuickAccessToolbarShowMode>
<dxr:RibbonQuickAccessToolbarShowMode>ShowBelow</dxr:RibbonQuickAccessToolbarShowMode>
<dxr:RibbonQuickAccessToolbarShowMode>Hide</dxr:RibbonQuickAccessToolbarShowMode>
</dxe:ComboBoxEditSettings.Items>
</dxe:ComboBoxEditSettings>
</dxb:BarEditItem.EditSettings>
</dxb:BarEditItem>
<dxb:BarSplitButtonItem Name="sbPageCategoryColor" Content="Category color" Hint="Category color" ActAsDropDown="True">
<dxb:BarSplitButtonItem.GlyphTemplate>
<DataTemplate>
<Border Width="32" Height="32" BorderBrush="Black" BorderThickness="1">
<Border.Background>
<SolidColorBrush Color="{Binding ViewModel.PageCategoryColor}"/>
</Border.Background>
</Border>
</DataTemplate>
</dxb:BarSplitButtonItem.GlyphTemplate>
<dxb:BarSplitButtonItem.PopupControl>
<dxb:PopupControlContainer>
<dxe:ColorEdit Color="Black" DefaultColor="Orange" EditValue="{Binding ViewModel.PageCategoryColor, Mode=TwoWay}" DefaultColorButtonContent="Automatic" CloseOwnerPopupOnClick="True" ShowBorder="False"/>
</dxb:PopupControlContainer>
</dxb:BarSplitButtonItem.PopupControl>
</dxb:BarSplitButtonItem>
<dxb:BarButtonItem Name="eDescription" Glyph="/RibbonDemo;component/Images/Info_16x16.png" LargeGlyph="/RibbonDemo;component/Images/description.png" Command="{Binding ViewModel.HelpCommand}"/>
<dxb:BarStaticItem Name="bSiteLink" ItemMinWidth="100" Command="{Binding ViewModel.HelpCommand}">
<dxb:BarStaticItem.ContentTemplate>
<DataTemplate>
<Image Source="/RibbonDemo;component/Images/online.gif" RenderOptions.BitmapScalingMode="NearestNeighbor"/>
</DataTemplate>
</dxb:BarStaticItem.ContentTemplate>
</dxb:BarStaticItem>
</dxb:BarManager.Items>
<Grid Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<dxr:RibbonControl x:Name="RibbonControl"
ApplicationButtonLargeIcon="/RibbonDemo;component/Images/ribbon-application-32x32.png"
PageCategoryAlignment="{Binding ViewModel.PageCategoryAlignment}"
RibbonTitleBarVisibility="Auto"
RibbonStyle="{Binding ViewModel.RibbonStyle, Mode=TwoWay}"
ToolbarShowMode="{Binding ViewModel.ToolbarShowMode, Mode=TwoWay}"
BackstageOpened="RibbonControl_BackstageOpened"
>
<dxr:RibbonControl.ApplicationMenu>
<dxr:BackstageViewControl>
<dxr:BackstageButtonItem Content="New" MinWidth="150" Glyph="/RibbonDemo;component/Images/Icons/new-16x16.png" Command="{Binding ViewModel.NewCommand}" />
<dxr:BackstageButtonItem Content="Open" Glyph="/RibbonDemo;component/Images/Icons/open-16x16.png" />
<dxr:BackstageTabItem Content="Recent">
<dxr:BackstageTabItem.ControlPane>
<ContentControl Template="{StaticResource RecentControlPaneTemplate}" Foreground="{Binding ForegroundInfo.NormalForeground}" SnapsToDevicePixels="True"/>
</dxr:BackstageTabItem.ControlPane>
</dxr:BackstageTabItem>
<dxr:BackstageTabItem Content="Options">
<dxr:BackstageTabItem.ControlPane>
<ContentControl Template="{StaticResource OptionsControlPaneTemplate}" Foreground="{Binding ForegroundInfo.NormalForeground}" />
</dxr:BackstageTabItem.ControlPane>
</dxr:BackstageTabItem>
<dxr:BackstageTabItem Content="Help">
<dxr:BackstageTabItem.ControlPane>
<ContentControl Template="{StaticResource HelpControlPaneTemplate}" Foreground="{Binding ForegroundInfo.NormalForeground}"/>
</dxr:BackstageTabItem.ControlPane>
</dxr:BackstageTabItem>
<dxr:BackstageButtonItem Content="Close" Glyph="/RibbonDemo;component/Images/Icons/close-16x16.png" Command="{Binding DataContext.ViewModel.ExitCommand}" />
</dxr:BackstageViewControl>
</dxr:RibbonControl.ApplicationMenu>
<dxr:RibbonControl.PageHeaderItemLinks>
<dxb:BarItemLink BarItemName="eDescription"/>
</dxr:RibbonControl.PageHeaderItemLinks>
<dxr:RibbonControl.ToolbarItemLinks>
<dxb:BarItemLink BarItemName="bPaste"/>
<dxb:BarItemLink BarItemName="bCut"/>
<dxb:BarItemLink BarItemName="bCopy"/>
</dxr:RibbonControl.ToolbarItemLinks>
<dxr:RibbonDefaultPageCategory>
<dxr:RibbonPage Caption="Home">
<dxr:RibbonPageGroup Caption="Clipboard" ShowCaptionButton="False">
<dxb:BarItemLink BarItemName="bPaste" RibbonStyle="Large"/>
<dxb:BarItemLink BarItemName="bCut" RibbonStyle="SmallWithText"/>
<dxb:BarItemLink BarItemName="bCopy" RibbonStyle="SmallWithText"/>
</dxr:RibbonPageGroup>
<dxr:RibbonPageGroup Caption="Font" ShowCaptionButton="False">
<dxb:BarItemLink BarItemName="bgFont"/>
<dxb:BarItemLink BarItemName="bgFontSizeChange"/>
<dxb:BarItemLink BarItemName="bgFontShape" RibbonStyle="SmallWithoutText"/>
<dxb:BarItemLink BarItemName="bgFontColors" RibbonStyle="SmallWithoutText"/>
</dxr:RibbonPageGroup>
<dxr:RibbonPageGroup Caption="Paragraph">
<dxb:BarItemLink BarItemName="bgAlignment" RibbonStyle="SmallWithoutText"/>
<dxb:BarItemLink BarItemName="bgListBullets" RibbonStyle="SmallWithoutText"/>
<dxb:BarItemLink BarItemName="bgIndentChange"/>
</dxr:RibbonPageGroup>
<dxr:RibbonPageGroup Caption="Insert" ShowCaptionButton="False">
<dxb:BarButtonItemLink BarItemName="bInsertPicture" RibbonStyle="Large"/>
<dxr:RibbonGalleryBarItemLink BarItemName="gClipart"/>
</dxr:RibbonPageGroup>
<dxr:RibbonPageGroup Caption="Editing" ShowCaptionButton="False" Glyph="/RibbonDemo;component/Images/Icons/Find_32x32.png">
<dxb:BarItemLink BarItemName="bClear" RibbonStyle="All"/>
<dxb:BarButtonItemLink BarItemName="bSelectAll" RibbonStyle="All"/>
</dxr:RibbonPageGroup>
</dxr:RibbonPage>
<dxr:RibbonPage x:Name="pSettings" Caption="Settings">
<dxr:RibbonPageGroup Caption="Theme" ShowCaptionButton="False">
<dxb:BarItemLink BarItemName="gTheme"/>
</dxr:RibbonPageGroup>
<dxr:RibbonPageGroup Caption="Settings" ShowCaptionButton="False">
<dxb:BarItemLink BarItemName="eRibbonStyle" RibbonStyle="SmallWithText"/>
<dxb:BarItemLink BarItemName="ePageCategoryAlignment" RibbonStyle="SmallWithText"/>
<dxb:BarItemLink BarItemName="eToolbarShowMode" RibbonStyle="SmallWithText"/>
<dxb:BarItemLink BarItemName="sbPageCategoryColor" RibbonStyle="Large"/>
</dxr:RibbonPageGroup>
</dxr:RibbonPage>
</dxr:RibbonDefaultPageCategory>
<dxr:RibbonPageCategory x:Name="selectionPageCategory" Caption="Image tools" IsVisible="{Binding ViewModel.IsImageSelected}" Color="{Binding ViewModel.PageCategoryColor}">
<dxr:RibbonPage x:Name="pSelection" Caption="Format">
<dxr:RibbonPageGroup Caption="Clipboard">
<dxb:BarItemLink BarItemName="bPaste" RibbonStyle="Large"/>
<dxb:BarItemLink BarItemName="bCut" RibbonStyle="Large"/>
<dxb:BarItemLink BarItemName="bCopy" RibbonStyle="Large"/>
</dxr:RibbonPageGroup>
<dxr:RibbonPageGroup Caption="Border Format">
<dxb:BarItemLink BarItemName="eImageScale"/>
<dxb:BarItemLink BarItemName="eImageBorderThickness"/>
<dxb:BarItemLink BarItemName="sbImageBorderColor" RibbonStyle="Large"/>
<dxb:BarItemLink BarItemName="itmShapes"/>
</dxr:RibbonPageGroup>
</dxr:RibbonPage>
</dxr:RibbonPageCategory>
</dxr:RibbonControl>
<local:DemoRichControl Grid.Row="1" x:Name="richControl" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" BorderThickness="0"/>
<dxr:RibbonStatusBarControl Grid.Row="2" Name="StatusBar" IsSizeGripVisible="False">
<dxr:RibbonStatusBarControl.RightItemLinks>
<dxb:BarItemLink BarItemName="bSiteLink"/>
</dxr:RibbonStatusBarControl.RightItemLinks>
</dxr:RibbonStatusBarControl>
</Grid>
</dxb:BarManager>
</dxdb:DemoModuleControl>
</local:RibbonDemoModule>