Contextual Menu buttons

[AlexEne]

Hi all,

I'm trying to open a contextual menu at a random location in my program wheneve I right click somewhere (not on an egui element).

I'm using this code: coords is the place I detected the right-click.

        egui::Popup::new(
            egui::Id::new("Right Click"),
            ctx.clone(),
            egui::PopupAnchor::Position(coords.into()),
            egui::LayerId::background(),
        )
        .kind(egui::PopupKind::Menu)
        .show(|ui| {
            ui.menu_button("IncredibleMenu", |ui| {
                ui.label("Interesting");
                ui.button("So so interesting");
            });
            ui.menu_button("Other menus now", |ui| {
                ui.menu_button("submenu", |ui| {
                    if ui.button("Close Me").clicked() {
                        // ui.close();
                    }
                });
                ui.menu_button("Sub Menu 2", |ui| {
                    ui.label("Interesting things");
                    ui.button("Item");
                    ui.button("Item2");
                });
            });
        });

However, the buttons look like this:

So there are a few things I don't understand:

1. Who adds those ? characters
2. How can I make the menus on the top layer show the other menus on hover (without being clickable). I want them to look like this. I see this in the popup demos, but they require a Response and I got a bit confused by that.:
   

I've pointed my project to egui main branch.

Tried both PopupKind::Menu and PopupKind::Popup with no success

[YgorSouza]

The menu button uses a WidgetText (i.e., a formatted string) as the arrow to show the submenu. Maybe the font you're using doesn't have the character. The default is ⏵ (U+23F5). You can change it with the icon method, but I'm not sure if there is a way to do that while using the high level functions. They seem to be hardcoded to this character.

As for the other question, I'm not sure I understand why you have a problem with the Response. If you want to show a context menu on an empty area, you can attach it to that whole area's response, or even to the whole CentralPanel, then it will appear when you right-click anywhere.

impl eframe::App for MyApp {
    fn update(&mut self, ctx: &egui::Context, _frame: &mut eframe::Frame) {
        egui::CentralPanel::default()
            .show(ctx, |_| {})
            .response
            .context_menu(|ui| {
                ui.menu_button("Menu1", |ui| {
                    ui.menu_button("Submenu 1", |ui| {
                        if ui.button("Close").clicked() {
                            ui.close_menu();
                        }
                    })
                });
            });
    }
}

[AlexEne]

I see and that will be basically an invisible panel. Thank you, will try!

[AlexEne]

I can't seem to get the CentralPanel to sense clicks on it. I had to do the following to get it to be invisible (by default it's gray and fills the screen):

    let response = egui::CentralPanel::default()
        .frame(egui::Frame {
            fill: egui::Color32::TRANSPARENT,
            ..Default::default()
        })
        .show(ctx, |_| {})
        .response;

However, I still can't figure out how CentralPanel can detect right clicks (or anything really). This panic never triggers for example:

    if response.secondary_clicked() || response.clicked() {
        panic!("Clicked");
    }