In BulletDecorator.Bullet example, bullet is not displayed when app is run

Question

In BulletDecorator.Bullet example, bullet is not displayed when app is run

Nicholas Piazza 541

I am trying to run the BulletDecorator.Bullet property XAML example in Microsoft documentation at URL: https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.primitives.bulletdecorator.bullet?view=windowsdesktop-6.0

See the MainWindow.Xaml code below. I can see the bullet (icon.jpg) in the Designer window, but when I build and run the application, the bullet is not displayed. What is the problem?

Nicholas Piazza 541 Reputation points

2023-02-22T17:04:36.3233333+00:00

I have the same problem using the C# code example instead of XAML. The TextBox text is displayed, but the bullet is not displayed.

Accepted answer

0 additional answers

Your answer

Nicholas Piazza 541 Reputation points

2023-02-22T17:04:36.3233333+00:00

I have the same problem using the C# code example instead of XAML. The TextBox text is displayed, but the bullet is not displayed.

Answer 1

Jack J Jun 25,296

@Nicholas Piazza, Welcome to Microsoft Q&A, based on my test, I reproduced your problem in the c# code but not in Xaml Code.

For Xaml code, please check if your path is correct, like the following:

 <Grid x:Name="grid1">
        <BulletDecorator>
            <BulletDecorator.Bullet>
                <Image Width="10" Source="images/Icon.bmp"/>
            </BulletDecorator.Bullet>
            <TextBlock Margin="20,0,0,0">My Expander</TextBlock>
        </BulletDecorator>

    </Grid>

Path:

User's image

In c# code, we need to add BitmapImage.BeginInit() method and BitmapImage.EndInit() method to the current code.

Like the following:

     public MainWindow()
        {

           
            InitializeComponent();
            BulletDecorator bp = new BulletDecorator();
            Image i = new Image();
            BitmapImage bi = new BitmapImage();
            bi.BeginInit();
            bi.UriSource = new Uri(@"pack://application:,,/images/Icon.bmp");
            bi.EndInit();
            i.Source = bi;
            i.Width = 10;
            bp.Bullet = i;
            TextBlock tb = new TextBlock();
            tb.Text = "My Expander";
            tb.Margin = new Thickness(20, 0, 0, 0);
            bp.Child = tb;
            //Create the image element.
            Image simpleImage = new Image();
            simpleImage.Width = 200;
            simpleImage.Margin = new Thickness(5);

            grid1.Children.Add(bp);
        }

My tested result:

User's image

For the c# code problem, I recommend that you could give the feedback in the Microsoft Learning page:

User's image

Update:

The Bullet could not work in .NET 5,6 or 7 wpf app, because Microsoft stated that it is currently only supported in .NET Framework version.

User's image

But we also could request a feature about it in DC.

Hope my explanation could help you.

Best Regards,

Jack

If the answer is the right solution, please click "Accept Answer" and upvote it.If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Nicholas Piazza 541 Reputation points

2023-02-23T18:22:35.5866667+00:00

Jack, Adding the BeginInit() and EndInit() to the code example fixed my code version of the example, but what is the equivalent of BeginInit() and EndInit() in the XAML version? Also, I don't see that giving a name to the Grid (or in my case StackPanel) does any good. There is nothing in the MainWindow.xaml.cs code that references the Grid or StackPanel by name.
Jack J Jun 25,296 Reputation points

2023-02-24T05:22:21.3933333+00:00
@Nicholas Piazza, thanks for the feedback,

but what is the equivalent of BeginInit() and EndInit() in the XAML version?

The function of BeginInit() and EndInit() is used to initialize a BitmapImage with a set of properties. You could refer to the Microsoft Learning BitmapImage.BeginInit Method to know more about it.

Also, I don't see that giving a name to the Grid (or in my case StackPanel) does any good. There is nothing in the MainWindow.xaml.cs code that references the Grid or StackPanel by name.

As usual, if we want to show some controls in the window, we have to add it to the parent control, such as Gird or StackPanel. I forget to say that I defined the name by myself, like the following:

<Grid x:Name="grid1"> <Image Width="10" Source="images/Icon.bmp"/> </BulletDecorator.Bullet> <TextBlock Margin="20,0,0,0">My Expander</TextBlock> </BulletDecorator> </Grid>
Nicholas Piazza 541 Reputation points

2023-02-24T13:26:11.7133333+00:00

The TextBlock appears in the parent control (with or without a name for the parent control), but the bullet does not appear.
Jack J Jun 25,296 Reputation points

2023-02-27T06:37:29.4833333+00:00

@Nicholas Piazza,

The TextBlock appears in the parent control (with or without a name for the parent control), but the bullet does not appear.

Please note that there is one line code: bp.Child = tb;, which sets the TextBlock as the child of the control BulletDecorator.

Therefore, there is no need to add it externally.

Nicholas Piazza 541

The code version is working. That's were the line bp.Child = tb exists. The XAML version is the one that doesn't display the bullet. With the XAML version, the only code in MainWindow.xaml.cs is "InitializeComponent". MainWindow.xaml contains:

<Window x:Class="BDBulletXaml.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <StackPanel>
        <BulletDecorator>
            <BulletDecorator.Bullet>
                <Image Width="10" Source="images\icon.jpg" Margin="10,0,0,0"/>
            </BulletDecorator.Bullet>
            <TextBlock Margin="20,0,0,0">My Expander</TextBlock>
        </BulletDecorator>
    </StackPanel>
</Window>

Jack J Jun 25,296 Reputation points

2023-02-28T08:21:25.3933333+00:00

@Nicholas Piazza, thanks for the feedback, based on my further test, I reproduced your problem(could not show the icon) in .NET 6.0 WPF app. BTW, the XAML code is working in .NET farmwork 4.8 app. I recommend that you could report a problem in DC about .NET.

Thanks for your supporting.
Nicholas Piazza 541 Reputation points

2023-02-28T12:57:34.32+00:00

That makes sense. I'm guessing Microsoft never updated their example code to work with .NET 5, 6, or 7. I'll try reporting the problem to the Microsoft Developer Team. Thanks for all your efforts!
Jack J Jun 25,296 Reputation points

2023-03-01T01:38:48.9633333+00:00

@Nicholas Piazza, after checking the Microsoft Learning doc again, I find that Microsoft has stated his applied version, please look at the following picture:

However, you also could request a feature about the Bullet working XAML code in .NET 5, 6, or 7.

BTW, I updated my answer. If you think my answer is no problem, please click "Accept Answer" and upvote it.

If you still have problems, please feel free to let me know.
Nicholas Piazza 541 Reputation points

2023-03-01T02:48:04.31+00:00

You're right, I didn't check the "Applies to" section. However, I did report the problem to the Microsoft Developer Center, so maybe they'll update the example to work with .NET 5, 6, 7.
Nicholas Piazza 541 Reputation points

2023-03-02T18:27:55.55+00:00

FYI, I got feedback from the Microsoft Developer Community that enabled me to get the XAML version working, by setting the bullet icon's Build Action property to Resource and rebuilding.

Share via

In BulletDecorator.Bullet example, bullet is not displayed when app is run

0 additional answers

Your answer