So I was working on a fancy-ish tooltip (see my previous post). I wanted it to display a bold header and other information in a bullet point fashion underneath. Whilst researching how to do this I came across the BulletDecorator. <\/p>\n
There’s so much in WPF, I’m always finding new things or just different ways to do the same thing. This doesn’t really (from what I can see) do anything fantastically clever or the likes, but it’s sort of nice and descriptive in the XAML as to the intent.<\/p>\n
So to use the decorator we wrap the control we want to act as the bullet in the Bullet property and the content as a child of the control thus<\/p>\n
\r\n<BulletDecorator>\r\n <BulletDecorator.Bullet>\r\n <Ellipse Height="5" Width="5" Fill="Blue"\/>\r\n <\/BulletDecorator.Bullet>\r\n <TextBlock Text="Item1" Margin="3,0,0,0"\/>\r\n<\/BulletDecorator>\r\n<\/pre>\nNow it’s most likely if you have one bullet point you’ll want several. So an easy way to apply the “style” is as follows.<\/p>\n
Create a ControlTemplate in the Resources section of your control (or wherever) that looks something like this<\/p>\n
\r\n<ControlTemplate x:Key="BulletTemplate" TargetType="{x:Type ContentControl}">\r\n <BulletDecorator>\r\n <BulletDecorator.Bullet>\r\n <Ellipse Height="5" Width="5" Fill="Blue"\/>\r\n <\/BulletDecorator.Bullet>\r\n <ContentPresenter Margin="3,0,0,0"\/>\r\n <\/BulletDecorator>\r\n<\/ControlTemplate>\r\n<\/pre>\nNow in your XAML write this instead of the original code<\/p>\n
\r\n<ContentControl Template="{StaticResource BulletTemplate}">\r\n <TextBlock Text="Item1" \/>\r\n<\/ContentControl>\r\n<\/pre>\n