Ribbon PopupButton Font Chooser

Ribbon for WPF Forum

Posted 5 years ago by Clint David
Version: 14.2.0610


I am trying to create a Font Chooser using the PopupButton. The PopupButton PopupMenu is ribbon:ContextMenu. Here is the sample code.

<shared:PopupButton x:Name="popTitleTextIndicator" Grid.Column="1" Margin="0,0,5,0"
HorizontalAlignment="Stretch" HorizontalContentAlignment="Left"
<ColumnDefinition Width="32" />
<ColumnDefinition Width="*" />
<Border BorderBrush="LightGray" BorderThickness="1" Width="24" Height="16">
<TextBlock x:Name="txtTitleContentSize" Text="0.15&quot;" FontSize="8" HorizontalAlignment="Center" VerticalAlignment="Center" />
<TextBlock x:Name="txtTitleIndicatorText" Text="Segou UI" Foreground="Black" Grid.Column="1" Margin="2,0" />
<ribbon:ContextMenu x:Name="PbTitleContextMenu">
<ribbon:Separator Label="Font Properties" />
<ribbon:PopupButton x:Name="menuTitleFace" Height="22" Label="Face">
<CollectionViewSource x:Key="myFonts" Source="{Binding Source={x:Static Fonts.SystemFontFamilies}}">
<ComponentModel:SortDescription PropertyName="Source" />

<Style x:Key="FontStyle" TargetType="ribbon:Button">
<Setter Property="Control.FontFamily" Value="{Binding Source}" />
<Setter Property="Control.FontSize" Value="16" />

<DataTemplate x:Key="FontTemplate">
<ribbon:Button Style="{StaticResource FontStyle}"
Label="{Binding Source}"
ToolTip="{Binding Source}">
<Binding Source="{StaticResource myFonts}" />

As you can see, i created a Binding to the System Fonts.

  • First problem is I want the text style of each item to be similar to MS Word where in if the FontFamily is Arial it will show up as Arial FontFamily and so on. I suppose this is just on the Style part.
  • Second, the list of Fonts is displayed in a very long list occupying the entire height of the screen (plus a scroll toggle). I want it at a certain reasonable height only.
  • Third, i want them to be behave like a menuitem (Hover, click) which in my case they aren't.

I can do this in a regular ComboBox but my requirements needs a ribbon PopupButton. How can I achieve it?



Comments (2)

Posted 4 years ago by Actipro Software Support - Cleveland, OH, USA

Hi Clint,

We have a ribbon:FontComboBox which is nice but is a ComboBox.  If you can't use that then something like this might be easy to use:

<ribbon:PopupButton Label="Font">
	<ribbon:PopupGallery ItemsSource="{Binding Source={x:Static Fonts.SystemFontFamilies}}" MaxHeight="500" FontSize="20">
				<TextBlock Width="300" Text="{Binding}" FontFamily="{Binding}" TextTrimming="CharacterEllipsis" />

You can customize it as you need.

Actipro Software Support

Posted 4 years ago by Clint David

This works as great! Thanks a lot.

The latest build of this product (v2018.1 build 0675) was released 1 month ago, which was after the last post in this thread.

Add Comment

Please log in to a validated account to post comments.