How to customize the context menu for a custom widget?

[SolenOchHavet]

Hi,

I'm still learning the concepts of giu, so it's obviously something I'm missing or misunderstood. I have created a custom widget that uses the canvas to draw different images. And then the user can pan and zoom with his/her mouse. What I can't figure out is that I want to have a different context menu depending on if the user right-clicks an image or the background. I'm able to figure out what the user clicks on in my Build() function, but I have no way to raise a context menu from this location.

The closest thing I have been able to do so far is to have an InvisibleButton stretched across the entire widget and then add a context menu after my widget in the render loop:

....Run(func() {
    giu.SingleWindow().Layout(
        MyCustomImageViewer().OnRightClick(func(item ImageViewerItem) {
            // I wished I could do something here but that doesn't work?
        }),
        giu.ContextMenu().Layout(
            // This works when I add the InvisibleButton in my widget, but here I can't control how
           // the menu is being built?
            giu.Selectable("Test...").OnClick(func() {  }),
        ),
    )
})

In some locations I have seen this pattern:

giu.ContextMenu().Layout(giu.Selectable("Test...")).Build() // <-- Build() in the end

But that doesn't look like something that instantly builds and appears on the screen.

Any guidance is appreciated! :)

[SolenOchHavet]

After looking closer at some examples, I finally got it! I was able to solve it in my Build() function on my widget by roughly doing this:

// Make your drawing here

giu.Layout{
    // Required to be able to use context menu. The size must obviously cover the entire widget;
   // in my case it was the entire screen hence the -1, -1.
    giu.InvisibleButton().Size(-1, -1),

    // Build the menu here
    giu.ContextMenu().Layout( ),
}.Build() // And don't forget run this function