-
-
Notifications
You must be signed in to change notification settings - Fork 520
/
TestContent.xaml
3823 lines (3614 loc) · 255 KB
/
TestContent.xaml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<UserControl x:Class="FluentTest.TestContent"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:Fluent="urn:fluent-ribbon"
xmlns:Helpers="clr-namespace:FluentTest.Helpers"
xmlns:System="clr-namespace:System;assembly=mscorlib"
xmlns:TemplateSelectors="clr-namespace:FluentTest.TemplateSelectors"
xmlns:controlzEx="urn:controlzex"
xmlns:converters="clr-namespace:FluentTest.Converters"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:fluentTest="clr-namespace:FluentTest"
xmlns:forms="clr-namespace:System.Windows.Forms;assembly=System.Windows.Forms"
xmlns:formsInterop="clr-namespace:System.Windows.Forms.Integration;assembly=WindowsFormsIntegration"
xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:viewModels="clr-namespace:FluentTest.ViewModels"
x:Name="TestContentControl"
d:DataContext="{d:DesignInstance viewModels:MainViewModel,
IsDesignTimeCreatable=True}"
d:DesignHeight="600"
d:DesignWidth="800"
mc:Ignorable="d">
<UserControl.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/VectorIcons.xaml" />
</ResourceDictionary.MergedDictionaries>
<BooleanToVisibilityConverter x:Key="Fluent.Ribbon.Converters.BoolToVisibilityConverter" />
<converters:UniqueGroupNameConverter x:Key="UniqueGroupNameConverter" />
<Canvas x:Key="AppbarUndoIcon"
Background="Transparent"
Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="{Binding RelativeSource={RelativeSource AncestorType=Canvas}, Path=ActualWidth}"
Height="{Binding RelativeSource={RelativeSource AncestorType=Canvas}, Path=ActualHeight}"
Data="F1 M 52.7514,25.076C 53.4111,25.7534 54.0258,26.4933 54.5953,27.296C 55.1649,28.0987 55.6564,28.9607 56.0698,29.8821C 56.4832,30.8035 56.8065,31.7766 57.0396,32.8014C 57.2727,33.8262 57.3892,34.8883 57.3892,35.9878C 57.3892,37.0566 57.276,38.1517 57.0495,39.2733C 56.823,40.3948 56.4491,41.5394 55.928,42.7071C 55.4068,43.8748 54.713,45.07 53.8465,46.2927C 52.9801,47.5154 51.9069,48.7601 50.6271,50.0267C 50.2137,50.4358 49.7431,50.902 49.2153,51.4253C 48.6875,51.9487 48.1278,52.5029 47.5363,53.0878C 46.9447,53.6728 46.34,54.2742 45.722,54.8922C 45.1041,55.5101 44.4983,56.1072 43.9045,56.6833C 42.5323,58.0424 41.1029,59.4586 39.6163,60.9319L 35.3545,56.6239C 36.8235,55.1638 38.2441,53.7542 39.6163,52.3951C 40.1969,51.819 40.7994,51.2252 41.424,50.6139C 42.0485,50.0025 42.6565,49.4011 43.2481,48.8095C 43.8396,48.218 44.3993,47.6605 44.9271,47.1371C 45.4549,46.6138 45.9255,46.1476 46.3389,45.7385C 48.0146,44.0584 49.2758,42.3904 50.1224,40.7345C 50.969,39.0786 51.3924,37.4678 51.3924,35.9021C 51.3924,34.719 51.1516,33.5777 50.67,32.4781C 50.1884,31.3786 49.4528,30.3406 48.4632,29.3642C 48.2169,29.1179 47.9112,28.8848 47.5462,28.6649C 47.1811,28.445 46.7688,28.2526 46.3092,28.0877C 45.8496,27.9227 45.3482,27.7886 44.805,27.6852C 44.2619,27.5819 43.6868,27.5302 43.0799,27.5302C 42.4641,27.5302 41.8198,27.5929 41.1469,27.7182C 40.474,27.8436 39.7933,28.0503 39.105,28.3384C 38.4167,28.6264 37.7218,29.0036 37.0203,29.4698C 36.3188,29.936 35.6316,30.5056 34.9587,31.1785L 30.466,35.6976L 37.4986,42.75L 19,42.75L 19,24.5417L 25.9931,31.4094L 30.5056,26.8705C 31.5083,25.7446 32.5463,24.8275 33.6194,24.1194C 34.6926,23.4113 35.7646,22.8616 36.8356,22.4701C 37.9065,22.0787 38.972,21.8148 40.0319,21.6785C 41.0919,21.5421 42.1079,21.474 43.0799,21.474C 44.087,21.474 45.0579,21.563 45.9925,21.7411C 46.9271,21.9193 47.8068,22.17 48.6314,22.4932C 49.4561,22.8165 50.2148,23.198 50.9075,23.6378C 51.6002,24.0777 52.2148,24.5571 52.7514,25.076 Z "
Fill="{DynamicResource Fluent.Ribbon.Brushes.Black}"
Stretch="Fill" />
</Canvas>
<ObjectDataProvider x:Key="ResizeModeEnumValues"
MethodName="GetValues"
ObjectType="{x:Type ResizeMode}">
<ObjectDataProvider.MethodParameters>
<x:Type TypeName="ResizeMode" />
</ObjectDataProvider.MethodParameters>
</ObjectDataProvider>
<ObjectDataProvider x:Key="FlowDirectionEnumValues"
MethodName="GetValues"
ObjectType="{x:Type FlowDirection}">
<ObjectDataProvider.MethodParameters>
<x:Type TypeName="FlowDirection" />
</ObjectDataProvider.MethodParameters>
</ObjectDataProvider>
<ObjectDataProvider x:Key="CornerPreferenceEnumValues"
MethodName="GetValues"
ObjectType="{x:Type controlzEx:WindowCornerPreference}">
<ObjectDataProvider.MethodParameters>
<x:Type TypeName="controlzEx:WindowCornerPreference" />
</ObjectDataProvider.MethodParameters>
</ObjectDataProvider>
<ObjectDataProvider x:Key="WindowBackdropTypeEnumValues"
MethodName="GetValues"
ObjectType="{x:Type controlzEx:WindowBackdropType}">
<ObjectDataProvider.MethodParameters>
<x:Type TypeName="controlzEx:WindowBackdropType" />
</ObjectDataProvider.MethodParameters>
</ObjectDataProvider>
<Style TargetType="Label">
<Setter Property="Foreground" Value="{DynamicResource Fluent.Ribbon.Brushes.Black}" />
</Style>
</ResourceDictionary>
</UserControl.Resources>
<Grid>
<Grid.Resources>
<Style x:Key="GalleryItemStyleWithCustomContextMenu"
TargetType="{x:Type Fluent:GalleryItem}">
<Setter Property="ContextMenu">
<Setter.Value>
<Fluent:ContextMenu>
<Fluent:MenuItem Header="Custom ContextMenu" />
</Fluent:ContextMenu>
</Setter.Value>
</Setter>
</Style>
<DataTemplate x:Key="middleDataItemTemplate"
DataType="{x:Type viewModels:GallerySampleDataItemViewModel}">
<Border>
<StackPanel HorizontalAlignment="Left"
Orientation="Horizontal">
<Image Source="{Binding Icon}"
Stretch="UniformToFill" />
<TextBlock VerticalAlignment="Center"
FontSize="10"
Text="{Binding Path=Text, Mode=OneWay}" />
</StackPanel>
</Border>
</DataTemplate>
<DataTemplate x:Key="GallerySampleDataItemCommandTemplate"
DataType="{x:Type viewModels:GallerySampleDataItemViewModel}">
<Fluent:Button Header="{Binding Text}"
LargeIcon="{Binding IconLarge}"
Command="{Binding Command}"
CommandParameter="{Binding}" />
</DataTemplate>
<DataTemplate x:Key="largeDataItemTemplate"
DataType="{x:Type viewModels:GallerySampleDataItemViewModel}">
<Border Background="Transparent"
ToolTip="{Binding Text}">
<Image Source="{Binding IconLarge}" />
</Border>
</DataTemplate>
</Grid.Resources>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Fluent:Ribbon x:Name="ribbon"
AutomaticStateManagement="True"
CanUseSimplified="True">
<Fluent:Ribbon.ContextualGroups>
<Fluent:RibbonContextualTabGroup x:Name="tabGroup1"
Header="First"
Background="{DynamicResource Fluent.Ribbon.Brushes.AccentBase}"
Foreground="{DynamicResource Fluent.Ribbon.Brushes.Black}"
BorderBrush="{DynamicResource Fluent.Ribbon.Brushes.AccentBase}"
TabItemMouseOverForeground="Red"
TabItemSelectedForeground="{DynamicResource Fluent.Ribbon.Brushes.RibbonTabItem.Foreground}"
TabItemSelectedMouseOverForeground="OrangeRed"
Visibility="{Binding AreContextGroupsVisible, Converter={StaticResource Fluent.Ribbon.Converters.BoolToVisibilityConverter}}" />
<Fluent:RibbonContextualTabGroup x:Name="tabGroup2"
Header="Second"
Background="#FF9D00"
Foreground="#C45300"
BorderBrush="#FF9D00"
Visibility="{Binding AreContextGroupsVisible, Converter={StaticResource Fluent.Ribbon.Converters.BoolToVisibilityConverter}}" />
<Fluent:RibbonContextualTabGroup x:Name="tabGroup3"
Header=""
Visibility="{Binding AreContextGroupsVisible, Converter={StaticResource Fluent.Ribbon.Converters.BoolToVisibilityConverter}}" />
<Fluent:RibbonContextualTabGroup x:Name="invisibleTabGroup"
Header="MUST BE HIDDEN"
Background="Red"
BorderBrush="Green"
Visibility="Visible" />
</Fluent:Ribbon.ContextualGroups>
<Fluent:Ribbon.StartScreen>
<Fluent:StartScreen x:Name="startScreen">
<Fluent:StartScreenTabControl>
<Fluent:StartScreenTabControl.LeftContent>
<StackPanel Orientation="Vertical">
<Label Foreground="{DynamicResource Fluent.Ribbon.Brushes.IdealForeground}"
FontSize="48"
Content="Fluent.Ribbon" />
</StackPanel>
</Fluent:StartScreenTabControl.LeftContent>
<Fluent:StartScreenTabControl.RightContent>
<StackPanel Orientation="Vertical">
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Center">
You can close the start screen by either clicking the button below or by pressing ESC
</TextBlock>
<Fluent:Button LargeIcon="{iconPacks:Material Kind=ExitToApp}"
IsDefinitive="True">
Close start screen
</Fluent:Button>
</StackPanel>
</Fluent:StartScreenTabControl.RightContent>
</Fluent:StartScreenTabControl>
</Fluent:StartScreen>
</Fluent:Ribbon.StartScreen>
<Fluent:Ribbon.Menu>
<Grid>
<!-- Backstage items can be keytipped -->
<Fluent:Backstage x:Name="Backstage"
AutomationProperties.Name="Backstage"
IsOpen="{Binding IsBackstageOpen, Mode=TwoWay}"
Visibility="Collapsed">
<Fluent:Backstage.ToolTip>
<Fluent:ScreenTip Title="Backstage"
Text="A sample backstage with items and actions" />
</Fluent:Backstage.ToolTip>
<!--<Fluent:Backstage.Style>
<Style TargetType="Fluent:Backstage">
<Style.Triggers>
<Trigger Property="Fluent:Backstage.IsOpen"
Value="True">
<Setter Property="Fluent:Backstage.CanChangeIsOpen"
Value="False" />
</Trigger>
</Style.Triggers>
</Style>
</Fluent:Backstage.Style>-->
<Fluent:BackstageTabControl>
<Fluent:Button Header="Save"
Icon="{iconPacks:Material Kind=ContentSave}"
KeyTip="S" />
<Fluent:Button Header="Save As"
Icon="{iconPacks:Material Kind=ContentSaveAll}"
CanAddToQuickAccessToolBar="False"
Click="HandleSaveAsClick"
IsDefinitive="False"
KeyTip="A" />
<Fluent:BackstageTabItem Header="Invisible"
Visibility="Collapsed" />
<Fluent:BackstageTabItem Header="Disabled"
IsEnabled="False" />
<Fluent:BackstageTabItem Header="Home"
Icon="{DynamicResource Fluent.Ribbon.Images.DefaultPlaceholder}"
KeyTip="T">
<Fluent:BackstageTabItem.ToolTip>
<Fluent:ScreenTip Title="Introduction"
Text="This is a sample for a backstageitem with content" />
</Fluent:BackstageTabItem.ToolTip>
<StackPanel Orientation="Vertical">
<TextBlock>This is a BackstageTabItem with some sample content.</TextBlock>
<WrapPanel HorizontalAlignment="Stretch">
<Fluent:Button Header="Button with bound command"
Width="120"
Command="{Binding TestCommand}" />
<Fluent:Button Header="Button"
Icon="{DynamicResource Fluent.Ribbon.Images.Paste}"
LargeIcon="{DynamicResource Fluent.Ribbon.Images.Paste}"
Click="HandleShowMetroMessage"
IsDefinitive="False" />
<Fluent:ToggleButton Header="Toggle"
Icon="{DynamicResource Fluent.Ribbon.Images.Paste}"
LargeIcon="{DynamicResource Fluent.Ribbon.Images.Paste}" />
<Fluent:DropDownButton Header="DropDownButton"
Icon="{DynamicResource Fluent.Ribbon.Images.Paste}"
LargeIcon="{DynamicResource Fluent.Ribbon.Images.Paste}"
DisplayMemberPath="Name"
ItemsSource="{Binding Source={x:Static controlzEx:ThemeManager.Current}, Path=Themes}" />
<Fluent:ComboBox Header="ComboBox"
SelectedIndex="0">
<TextBlock Text="1" />
<TextBlock Text="2" />
<TextBlock Text="3" />
<TextBlock Text="4" />
<TextBlock Text="5" />
</Fluent:ComboBox>
<Fluent:Spinner Header="Spinner"
Fluent:InputControlProperties.InputWidth="50"
Format="0"
ValueChanged="OnSpinnerValueChanged"
Value="1" />
</WrapPanel>
<TextBlock TextWrapping="Wrap">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mi elit, efficitur a sapien sit amet, euismod tempus quam. Aenean porta nisl id erat eleifend, vehicula convallis orci posuere. Maecenas id eleifend magna. Aenean quis nunc id odio tristique scelerisque et eu felis. Donec vestibulum augue sit amet dignissim feugiat. Pellentesque dignissim maximus lacinia. Maecenas dictum velit ut dui tempor imperdiet.
Maecenas mi tortor, hendrerit consequat augue eget, rhoncus efficitur nunc. Cras in risus eu mi efficitur posuere et sit amet turpis. Sed sit amet auctor felis. Sed ultricies dui urna, in venenatis dui volutpat in. Curabitur congue congue scelerisque. Proin a tortor eu massa suscipit tristique vel ac sem. Praesent in laoreet quam. Pellentesque vel lacus mi.
Quisque rhoncus augue sed nisl iaculis dapibus. Fusce in congue enim, ac hendrerit nunc. Sed cursus, massa eget dignissim commodo, neque leo convallis quam, vel pharetra eros felis in tortor. Aenean finibus lobortis auctor. Vestibulum nulla sem, venenatis non mollis ac, mattis vel neque. Etiam ultricies faucibus vulputate. Vivamus finibus tellus at tempor mattis. Vestibulum ligula odio, iaculis id dolor condimentum, pellentesque semper mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam non faucibus mauris, non congue ex.
Curabitur mollis ex orci, sed auctor augue convallis sit amet. Sed in sodales quam, ac tincidunt eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque euismod velit urna, sed aliquam diam ultrices id. Nulla facilisi. Vestibulum consequat nec odio vel pellentesque. Vestibulum lacinia tellus vestibulum nibh pharetra auctor.
Pellentesque nec dolor sed lacus tristique rutrum sed vitae urna. Sed eu pharetra ipsum, sed pretium dolor. Praesent rhoncus facilisis felis, non imperdiet nunc efficitur id. Proin dignissim rutrum nibh eget finibus. Etiam eu ullamcorper enim. Pellentesque consectetur sapien nec tristique aliquet. Proin interdum nibh ac urna consequat, id facilisis dui pulvinar. In hendrerit nisi id ex egestas molestie. Praesent nec malesuada nisl, non vestibulum sem. Mauris vitae erat sodales, sodales ligula sit amet, fermentum arcu. Suspendisse aliquet urna quis tellus tincidunt, non posuere metus commodo. Integer ac consectetur massa. Donec nibh ligula, fermentum et erat ac, pretium gravida massa.
</TextBlock>
</StackPanel>
</Fluent:BackstageTabItem>
<Fluent:SeparatorTabItem Header="Separator" />
<Fluent:BackstageTabItem Header="Recent"
Icon="{iconPacks:Material Kind=History}"
KeyTip="R">
<TabControl Style="{DynamicResource Fluent.Ribbon.Styles.InnerBackstageTabControl}"
Margin="20 5 20 5">
<Fluent:SeparatorTabItem Header="Test1" />
<TabItem Header="1" />
<TabItem Header="2" />
<TabItem Header="3" />
<Fluent:SeparatorTabItem Header="Test2" />
<TabItem Header="4" />
</TabControl>
</Fluent:BackstageTabItem>
<Separator />
<Fluent:Button Header="Exit"
VerticalAlignment="Bottom"
Icon="{iconPacks:Material Kind=ExitToApp}"
Command="{Binding ExitCommand}"
DockPanel.Dock="Bottom"
KeyTip="X" />
<Fluent:BackstageTabItem Header="Extra wide content"
VerticalAlignment="Bottom"
Content="The template used to display this is extremely wide. Width = 6000"
DataContext="{Binding ColorViewModel}"
DockPanel.Dock="Bottom"
KeyTip="W">
<Fluent:BackstageTabItem.Icon>
<Rectangle>
<Rectangle.Fill>
<SolidColorBrush Color="{Binding HighlightColor}" />
</Rectangle.Fill>
</Rectangle>
</Fluent:BackstageTabItem.Icon>
<Fluent:BackstageTabItem.ContentTemplate>
<DataTemplate>
<Grid>
<TextBox Width="6000"
Background="{DynamicResource Fluent.Ribbon.Brushes.White}"
Foreground="{DynamicResource Fluent.Ribbon.Brushes.Black}"
Text="{Binding Mode=OneWay}" />
</Grid>
</DataTemplate>
</Fluent:BackstageTabItem.ContentTemplate>
</Fluent:BackstageTabItem>
</Fluent:BackstageTabControl>
</Fluent:Backstage>
<Fluent:ApplicationMenu x:Name="ApplicationMenu"
AutomationProperties.Name="Application menu"
Visibility="Collapsed">
<Fluent:ApplicationMenu.RightPaneContent>
<StackPanel HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
Orientation="Vertical">
<Border HorizontalAlignment="Stretch"
BorderBrush="#64647F"
BorderThickness="0 0 0 0">
<TextBlock Padding="12 4 4 4"
Background="#F6F7F8"
Foreground="#64647F"
FontSize="12"
FontWeight="SemiBold"
Text="Recent files"
TextAlignment="Left" />
</Border>
<StackPanel Height="2"
HorizontalAlignment="Stretch">
<Border Height="1"
HorizontalAlignment="Stretch"
BorderBrush="#DCDDDE"
BorderThickness="1" />
<Border Height="1"
HorizontalAlignment="Stretch"
BorderBrush="#FEFEFF"
BorderThickness="1" />
</StackPanel>
<ItemsControl ItemsSource="{Binding GalleryViewModel.Items}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Fluent:MenuItem Header="{Binding Text}"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/BlueLarge.png"
Description="{Binding Group}"
IsDefinitive="True"
ToolTip="{Binding Text}" />
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</StackPanel>
</Fluent:ApplicationMenu.RightPaneContent>
<Fluent:MenuItem Header="New"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/GreenLarge.png">
<Fluent:MenuItem Header="Text document"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/GreenLarge.png" />
<Fluent:MenuItem Header="Spreadsheet"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/GreenLarge.png" />
</Fluent:MenuItem>
<Fluent:MenuItem Header="Save As"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/BlueLarge.png"
IsSplit="True">
<Fluent:MenuItem Header="Standard format"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/BlueLarge.png"
Description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna."
ToolTip="Save something in standard format" />
<Fluent:MenuItem Header="Export"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/BlueLarge.png"
ToolTip="Export something" />
</Fluent:MenuItem>
<Fluent:MenuItem Header="Open"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/YellowLarge.png"
Description="CTRL + O"
ToolTip="Open object" />
<Separator />
<Fluent:MenuItem Header="Exit"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/RedLarge.png"
Command="{Binding ExitCommand}"
KeyTip="X" />
</Fluent:ApplicationMenu>
</Grid>
</Fluent:Ribbon.Menu>
<Fluent:Ribbon.ToolBarItems>
<Fluent:Button Icon="{DynamicResource Fluent.Ribbon.Images.Help}"
Click="OnHelpClick"
Size="Small">
<Fluent:Button.ToolTip>
<Fluent:ScreenTip Title="Insert Chart"
Width="190"
DisableReason="Disable reason reason."
HelpTopic="https://github.com/fluentribbon/Fluent.Ribbon"
Image="pack://application:,,,/Fluent.Ribbon.Showcase;component\Images/SampleImageForScreenTip.png"
IsRibbonAligned="True"
Text="Insert a chart to illustarate and compare data. 

Bar, Pie, Line, Area and Surface are same of the available types." />
</Fluent:Button.ToolTip>
</Fluent:Button>
<Fluent:DropDownButton Size="Small"
Visibility="Collapsed">
<Button Click="Hyperlink_OnClick">Open dialog</Button>
</Fluent:DropDownButton>
</Fluent:Ribbon.ToolBarItems>
<Fluent:Ribbon.QuickAccessItems>
<!-- Quick Access toolbar items automatically have ScreenTips of the target -->
<!-- KeyTips in Quick Access Toolbar names automatically -->
<!-- Use Content or Target Property to set QAT item -->
<Fluent:QuickAccessMenuItem IsChecked="true">
<Fluent:Button Header="Pink"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/Pink.png"
Command="{Binding TestCommand}" />
</Fluent:QuickAccessMenuItem>
<!-- todo: netcore => was using x:Reference before -->
<Fluent:QuickAccessMenuItem IsChecked="True"
Target="{Binding ElementName=pasteButton}" />
<!-- todo: netcore => was using x:Reference before -->
<Fluent:QuickAccessMenuItem IsChecked="True"
Target="{Binding ElementName=cutButton}" />
<!-- todo: netcore => was using x:Reference before -->
<Fluent:QuickAccessMenuItem Target="{Binding ElementName=copyButton}" />
<!-- todo: netcore => was using x:Reference before -->
<Fluent:QuickAccessMenuItem IsChecked="True"
Target="{Binding ElementName=dropDownGreen}" />
<!-- todo: netcore => was using x:Reference before -->
<Fluent:QuickAccessMenuItem IsChecked="True"
Target="{Binding ElementName=gallerySampleInRibbonGallery}" />
<!-- todo: netcore => was using x:Reference before -->
<Fluent:QuickAccessMenuItem IsChecked="True"
Target="{Binding ElementName=UndoButton}" />
</Fluent:Ribbon.QuickAccessItems>
<Fluent:RibbonTabItem Header="Toolbars"
KeyTip="TO"
ReduceOrder="Clipboard,Clipboard,Group, Group, Group, Font, Font, Font, Font,B,A,A,A,(A),(A),(A),Clipboard,Font,B,B,(A),C,(A),(A)">
<Fluent:RibbonGroupBox x:Name="Clipboard"
Header="Clipboard"
Icon="{DynamicResource Fluent.Ribbon.Images.DefaultPlaceholder}"
IsLauncherVisible="True"
KeyTip="C"
LauncherClick="OnLauncherButtonClick"
LauncherKeys="ZB">
<Fluent:SplitButton x:Name="pasteButton"
Header="Paste"
Icon="{DynamicResource Fluent.Ribbon.Images.Paste}"
LargeIcon="{DynamicResource Fluent.Ribbon.Images.Paste}"
Command="ApplicationCommands.Paste"
FocusManager.IsFocusScope="True"
KeyTip="V"
SizeDefinition="Large">
<Fluent:SplitButton.ToolTip>
<Fluent:ScreenTip Title="Paste (Ctrl+V)"
Width="190"
DisableReason="Enable it to use this function"
Text="Paste the contents of the clipboard.">
<Fluent:ScreenTip.TextTemplate>
<DataTemplate>
<TextBlock TextWrapping="Wrap">
<Run Text="Paste the" />
<Run FontWeight="Bold"
Text="content" />
<Run Text="of the" />
<Run FontWeight="Bold"
Text="clipboard" />
<Run Text="." />
</TextBlock>
</DataTemplate>
</Fluent:ScreenTip.TextTemplate>
</Fluent:ScreenTip>
</Fluent:SplitButton.ToolTip>
<Fluent:Gallery GroupBy="Tag"
ItemHeight="32"
ItemWidth="32"
Orientation="Horizontal"
ScrollViewer.VerticalScrollBarVisibility="Hidden"
Selectable="False">
<Fluent:GalleryItem Command="Paste">
<Image Width="24"
Height="24"
Fluent:KeyTip.Keys="K"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/PasteImage.png"
Tag="Paste Options:" />
</Fluent:GalleryItem>
<Fluent:GalleryItem Command="Paste">
<Image Width="24"
Height="24"
Fluent:KeyTip.Keys="M"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/PasteText.png"
Tag="Paste Options:" />
</Fluent:GalleryItem>
<Fluent:GalleryItem Command="Paste">
<Image Width="24"
Height="24"
Fluent:KeyTip.Keys="T"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/PasteTextOnly.png"
Tag="Paste Options:" />
</Fluent:GalleryItem>
<Fluent:GalleryItem Command="Paste">
<Image Width="24"
Height="24"
Fluent:KeyTip.Keys="L"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/PasteFormating.png"
Tag="Paste Options:" />
</Fluent:GalleryItem>
<Fluent:GalleryItem Command="Paste">
<Image Width="24"
Height="24"
Fluent:KeyTip.Keys="E"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/PasteSourceFormating.png"
Tag="Paste Options:" />
</Fluent:GalleryItem>
</Fluent:Gallery>
<Fluent:MenuItem Header="Paste Special..."
KeyTip="S">
<Fluent:MenuItem.ToolTip>
<Fluent:ScreenTip Title="Paste Special"
Text="This ScreenTip is attached to menu item" />
</Fluent:MenuItem.ToolTip>
</Fluent:MenuItem>
<Separator />
<Fluent:MenuItem Header="Set Default Paste..."
Command="Paste"
KeyTip="A">
<Fluent:MenuItem Header="1"
Click="OnMenuItemClick" />
<Fluent:MenuItem Header="2"
Command="Paste" />
</Fluent:MenuItem>
<Fluent:MenuItem Header="Paste now"
Command="Paste" />
</Fluent:SplitButton>
<Fluent:Button x:Name="cutButton"
Header="Cut"
Icon="{DynamicResource Fluent.Ribbon.Images.Cut}"
Command="Cut"
FocusManager.IsFocusScope="True"
KeyTip="X"
SizeDefinition="Middle,Small">
<Fluent:Button.ToolTip>
<Fluent:ScreenTip Title="Cut (Ctrl+X)"
Width="190"
DisableReason="Cut is currently not available."
Text="Cut the contents to the Clipboard." />
</Fluent:Button.ToolTip>
</Fluent:Button>
<Fluent:Button x:Name="copyButton"
Header="Copy"
Icon="{DynamicResource Fluent.Ribbon.Images.Copy}"
Command="Copy"
FocusManager.IsFocusScope="True"
KeyTip="C">
<Fluent:Button.SizeDefinition>
<Fluent:RibbonControlSizeDefinition Large="Middle"
Middle="Small" />
</Fluent:Button.SizeDefinition>
<Fluent:Button.ToolTip>
<Fluent:ScreenTip Title="Insert Chart"
DisableReason="Disable reason reason." />
</Fluent:Button.ToolTip>
</Fluent:Button>
<Fluent:Button Header="Format Painter"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/FormatPainter.png"
Click="OnFormatPainterClick"
KeyTip="FP"
SizeDefinition="Middle,Small" />
<Fluent:DropDownButton Name="buttonWatermark"
Header="DropDownButton"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/Red.png"
LargeIcon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/RedLarge.png"
IsEnabled="True"
KeyTip="W"
ResizeMode="Both">
<Fluent:Gallery x:Name="WatermarkGallery"
GroupBy="Tag"
IsGrouped="True"
ItemHeight="100"
ItemWidth="100"
MaxItemsInRow="3"
MinItemsInRow="1"
Orientation="Horizontal"
SelectedFilter="{Binding ElementName=galleryFilterAll3}">
<Fluent:Gallery.Filters>
<Fluent:GalleryGroupFilter x:Name="galleryFilterAll3"
Title="All"
Groups="Confidential,Disclaimers,Urgent" />
<Fluent:GalleryGroupFilter Title="Confidential"
Groups="Confidential" />
<Fluent:GalleryGroupFilter Title="Disclaimers"
Groups="Disclaimers" />
<Fluent:GalleryGroupFilter Title="Urgent"
Groups="Urgent" />
</Fluent:Gallery.Filters>
<!-- Confidential group items -->
<Border BorderBrush="Transparent"
BorderThickness="4"
Tag="Confidential">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/GreenLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="CONFIDENTIAL 1" />
</StackPanel>
</Border>
<Border BorderBrush="Transparent"
BorderThickness="4"
Tag="Confidential">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/YellowLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="CONFIDENTIAL 2" />
</StackPanel>
</Border>
<Border BorderBrush="Transparent"
BorderThickness="4"
Tag="Confidential">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/PinkLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="DO NOT COPY 1" />
</StackPanel>
</Border>
<Border BorderBrush="Transparent"
BorderThickness="4"
Tag="Confidential">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/GrayLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="DO NOT COPY 2" />
</StackPanel>
</Border>
<!-- Disclaimers group items -->
<Border x:Name="Disclaimers"
BorderBrush="Transparent"
BorderThickness="4"
Tag="Disclaimers">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/BrownLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="DRAFT 1" />
</StackPanel>
</Border>
<Border BorderBrush="Transparent"
BorderThickness="4"
Tag="Disclaimers">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/OrangeLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="DRAFT 2" />
</StackPanel>
</Border>
<Border BorderBrush="Transparent"
BorderThickness="4"
Tag="Disclaimers">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/BlueLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="SAMPLE 1" />
</StackPanel>
</Border>
<Border BorderBrush="Transparent"
BorderThickness="4"
Tag="Disclaimers">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/RedLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="SAMPLE 2" />
</StackPanel>
</Border>
<!-- Disclaimers group items -->
<Border x:Name="Urgent"
BorderBrush="Transparent"
BorderThickness="4"
Tag="Urgent">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/RedLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="ASAP 1" />
</StackPanel>
</Border>
<Border BorderBrush="Transparent"
BorderThickness="4"
Tag="Urgent">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/RedLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="ASAP 2" />
</StackPanel>
</Border>
<Border BorderBrush="Transparent"
BorderThickness="4"
Tag="Urgent">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/RedLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="URGENT 1" />
</StackPanel>
</Border>
<Border BorderBrush="Transparent"
BorderThickness="4"
Tag="Urgent">
<StackPanel>
<Image VerticalAlignment="Top"
Source="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/RedLarge.png"
Stretch="None" />
<TextBlock HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Text="URGENT 2" />
</StackPanel>
</Border>
</Fluent:Gallery>
<!-- Menu Items **** NOTICE THIS IS OUTSIDE OF THE GALLERY **** -->
<Fluent:MenuItem Header="Remove Watermark"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/RedLarge.png"
IsEnabled="True"
Size="Middle" />
</Fluent:DropDownButton>
</Fluent:RibbonGroupBox>
<Fluent:RibbonGroupBox x:Name="Font"
Header="Font"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/FontColor.png"
IsLauncherVisible="True"
KeyTip="F"
LauncherClick="OnLauncherButtonClick"
LauncherIcon="/Images/FontColor.png"
LauncherKeys="NF"
StateDefinition="Large,Middle,Small">
<Fluent:RibbonToolBar>
<!-- ToolBar Layout Definitions -->
<Fluent:RibbonToolBar.LayoutDefinitions>
<Fluent:RibbonToolBarLayoutDefinition Size="Large">
<Fluent:RibbonToolBarRow>
<Fluent:RibbonToolBarControlDefinition Width="75"
Target="comboBoxFontName" />
<Fluent:RibbonToolBarControlDefinition Width="45"
Target="comboBoxFontSize" />
<Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlDefinition Target="buttonGrowFont" />
<Fluent:RibbonToolBarControlDefinition Target="buttonShrinkFont" />
</Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlDefinition Target="buttonChangeCase" />
</Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlDefinition Target="buttonClearFormatting" />
</Fluent:RibbonToolBarControlGroupDefinition>
</Fluent:RibbonToolBarRow>
<Fluent:RibbonToolBarRow>
<Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlDefinition Target="buttonBold" />
<Fluent:RibbonToolBarControlDefinition Target="buttonItalic" />
<Fluent:RibbonToolBarControlDefinition Target="buttonUnderline" />
<Fluent:RibbonToolBarControlDefinition Target="buttonStrikethrough" />
<Fluent:RibbonToolBarControlDefinition Target="buttonSubscript" />
<Fluent:RibbonToolBarControlDefinition Target="buttonSuperscript" />
</Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlDefinition Target="buttonTextEffects" />
<Fluent:RibbonToolBarControlDefinition Target="buttonTextHighlightColor" />
<Fluent:RibbonToolBarControlDefinition Target="buttonFontColor" />
</Fluent:RibbonToolBarControlGroupDefinition>
</Fluent:RibbonToolBarRow>
</Fluent:RibbonToolBarLayoutDefinition>
<Fluent:RibbonToolBarLayoutDefinition Size="Middle">
<Fluent:RibbonToolBarRow>
<Fluent:RibbonToolBarControlDefinition Width="125"
Target="comboBoxFontName" />
<Fluent:RibbonToolBarControlDefinition Width="50"
Target="comboBoxFontSize" />
</Fluent:RibbonToolBarRow>
<Fluent:RibbonToolBarRow>
<Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlDefinition Target="buttonBold" />
<Fluent:RibbonToolBarControlDefinition Target="buttonItalic" />
<Fluent:RibbonToolBarControlDefinition Target="buttonUnderline" />
<Fluent:RibbonToolBarControlDefinition Target="buttonStrikethrough" />
<Fluent:RibbonToolBarControlDefinition Target="buttonSubscript" />
<Fluent:RibbonToolBarControlDefinition Target="buttonSuperscript" />
</Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlDefinition Target="buttonClearFormatting" />
</Fluent:RibbonToolBarControlGroupDefinition>
</Fluent:RibbonToolBarRow>
<Fluent:RibbonToolBarRow>
<Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlDefinition Target="buttonTextEffects" />
<Fluent:RibbonToolBarControlDefinition Target="buttonTextHighlightColor" />
<Fluent:RibbonToolBarControlDefinition Target="buttonFontColor" />
<Fluent:RibbonToolBarControlDefinition Target="buttonChangeCase" />
</Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlGroupDefinition>
<Fluent:RibbonToolBarControlDefinition Target="buttonGrowFont" />
<Fluent:RibbonToolBarControlDefinition Target="buttonShrinkFont" />
</Fluent:RibbonToolBarControlGroupDefinition>
</Fluent:RibbonToolBarRow>
</Fluent:RibbonToolBarLayoutDefinition>
</Fluent:RibbonToolBar.LayoutDefinitions>
<!-- ToolBar Controls -->
<Fluent:ComboBox x:Name="comboBoxFontName"
Height="22"
MinWidth="40"
BorderBrush="Gainsboro"
DisplayMemberPath="Text"
IsTextSearchEnabled="True"
KeyTip="FF"
ResizeMode="Vertical"
ScrollViewer.CanContentScroll="False"
SelectedIndex="0"
SizeDefinition="Small">
<Fluent:ComboBox.ItemsPanel>
<ItemsPanelTemplate>
<Fluent:GalleryPanel GroupBy="Tag"
ItemContainerGenerator="{Binding ItemContainerGenerator, RelativeSource={RelativeSource FindAncestor, AncestorType=ComboBox}}" />
</ItemsPanelTemplate>
</Fluent:ComboBox.ItemsPanel>
<Fluent:ComboBox.TopPopupContentTemplate>
<DataTemplate>
<Grid Background="Transparent"
ToolTip="You can place content on top of the ComboBox items.">
<ContentControl Content="{Binding}" />
</Grid>
</DataTemplate>
</Fluent:ComboBox.TopPopupContentTemplate>
<Fluent:ComboBox.TopPopupContent>
<iconPacks:PackIconMaterial Kind="FontAwesome"
ToolTip="You can place content on top of the ComboBox items." />
</Fluent:ComboBox.TopPopupContent>
<TextBlock HorizontalAlignment="Stretch"
Tag="Theme Fonts"
Text="Arial" />
<TextBlock Tag="Theme Fonts"
Text="Tahoma" />
<TextBlock Tag="Recent Used Fonts"
Text="Tahoma" />
<TextBlock Tag="AllFonts"
Text="Arial" />
<TextBlock x:Name="segoeFont"
Tag="AllFonts"
Text="Segoe UI" />
<TextBlock Tag="AllFonts"
Text="Tahoma" />
<TextBlock Tag="AllFonts"
Text="Webdings" />
<TextBlock Tag="AllFonts"
Text="Winding" />
</Fluent:ComboBox>
<Fluent:ComboBox x:Name="comboBoxFontSize"
Width="49"
Height="22"
HorizontalAlignment="Left"
BorderBrush="Gainsboro"
DisplayMemberPath="Text"
IsEditable="False"
KeyTip="FS"
ResizeMode="Both"
SelectedIndex="1"
SizeDefinition="Small"
Text="12">
<Fluent:ComboBox.TopPopupContentTemplate>
<DataTemplate>
<Grid Background="Transparent"
ToolTip="You can place content on top of the ComboBox items.">
<ContentControl Content="{Binding}" />
</Grid>
</DataTemplate>
</Fluent:ComboBox.TopPopupContentTemplate>
<Fluent:ComboBox.TopPopupContent>
<iconPacks:PackIconMaterial Kind="Numeric" />
</Fluent:ComboBox.TopPopupContent>
<TextBlock Text="7" />
<TextBlock Text="8" />
<TextBlock Text="9" />
<TextBlock Text="10" />
<TextBlock Text="11" />
<TextBlock Text="12" />
<TextBlock Text="14" />
<TextBlock Text="16" />
<TextBlock Text="18" />
<TextBlock Text="20" />
<TextBlock Text="22" />
<TextBlock Text="24" />
<TextBlock Text="28" />
<TextBlock Text="32" />
<TextBlock Text="36" />
<TextBlock Text="48" />
<TextBlock Text="72" />
</Fluent:ComboBox>
<Fluent:Button x:Name="buttonGrowFont"
HorizontalAlignment="Left"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/GrowFont.png"
KeyTip="GF"
SizeDefinition="Small" />
<Fluent:Button x:Name="buttonShrinkFont"
HorizontalAlignment="Left"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/ShrinkFont.png"
SizeDefinition="Small" />
<Fluent:DropDownButton x:Name="buttonChangeCase"
HorizontalAlignment="Left"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/ChangeCase.png"
SizeDefinition="Small" />
<Fluent:Button x:Name="buttonClearFormatting"
HorizontalAlignment="Left"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/ClearFormatting.png"
SizeDefinition="Small" />
<Fluent:ToggleButton x:Name="buttonBold"
HorizontalAlignment="Left"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/Bold.png"
KeyTip="B"
SizeDefinition="Small" />
<Fluent:ToggleButton x:Name="buttonItalic"
HorizontalAlignment="Left"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/Italic.png"
KeyTip="I"
SizeDefinition="Small" />
<Fluent:DropDownButton x:Name="buttonUnderline"
HorizontalAlignment="Left"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/Underline.png"
SizeDefinition="Small" />
<Fluent:Button x:Name="buttonStrikethrough"
HorizontalAlignment="Left"
Icon="pack://application:,,,/Fluent.Ribbon.Showcase;component/Images/Strikethrough.png"
SizeDefinition="Small" />