Project

General

Profile

Forums » Help »

AVhow to decide which layer in a WStackedWidget handles events

Added by Arjan Vermeij over 14 years ago

I have a subclass of WStackedWidget that shows all of its child widgets. I first add all child widgets, then call my WStackedWidget's close method, which does this:

void Witty::Widget::Composite::Stack::WStackedWidget::close ()
{ 
  if (count () > 0) {
    setCurrentIndex (0);

    for (int index = 1; (index < count ()); index++) {
      widget (index)->show ();
    }
  }
}

In one particular configuration I have a WStackedWidget with two children, a WGoogleMap and a WImage. The WImage is meant as an overlay on top of the WGoogleMap widget. It is mostly transparent, allowing to see the WGoogleMap through the WImage. This works fine.

But now the WGoogleMap no longer reacts to mouse events. Instead, the mouse events are received by the WImage.

I tried calling

WImage::setDisabled (true)

but that does not make any difference.

Help is very much appreciated. Arjan.


Replies (3)

AV RE: how to decide which layer in a WStackedWidget handles events - Added by Arjan Vermeij over 14 years ago

I found a solution myself: I added this

pointer-events: none;

to the css for the WImage widget. This works, at least in Chrome. But is this the proper solution?

Thanks, Arjan.

KD RE: how to decide which layer in a WStackedWidget handles events - Added by Koen Deforche over 14 years ago

Hey,

I didn't know this was even possible using CSS!
So I wouldn't know any other way... except maybe using custom JavaScript to forward the events.

Regards,
Koen

AV RE: how to decide which layer in a WStackedWidget handles events - Added by Arjan Vermeij over 14 years ago

I have no idea how this would fit into wt, if at all. But it's a great feature, see attached screen shot. The markers are part of the WGoogleMap widget, the transparent bull's eyes and the white labels are rendered through svg in a WImage widget.

Arjan.

google-map-with-svg-overlay.png (21.3 KB) google-map-with-svg-overlay.png
    (1-3/3)