screen mask behind unimap

[Point]

how to resolved this issue

[irigsoft]

4 hours ago, Point said:

how to resolved this issue

Hi, try changing uniMAP.CreateOrder to value <= 2000;

[Point]

Hi, i setted like this :

  uniMap.CreateOrder := 1200;
  uniMap.MapControlOptions.AutoZIndex := False;

unfortunately still doesn't work. i think it's about z-index. but i dont know how to set it.  i check in leaflet.css too many z-index.

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

 

[irigsoft]

10 minutes ago, Point said:

Hi, i setted like this :

  uniMap.CreateOrder := 1200;
  uniMap.MapControlOptions.AutoZIndex := False;

unfortunately still doesn't work. i think it's about z-index. but i dont know how to set it.  i check in leaflet.css too many z-index.

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

 

try to set uniMap.CreateOrder := 50;

I think uniMask Z-Index  (CreateOrder) is 5000, but I am not sure. try uniMap.CreateOrder with different values .

I use this to set z-index =auto on my TuniDBGrid pagingBar

TuniDBGrid (MyComponent).ClientEvents.ExtEvents.Values['onafterrender'] := 'function afterrender(sender, eOpts){if (sender.headerCt) {sender.headerCt.el.setStyle("z-index", "auto")}; if (sender.pagingBar) {sender.pagingBar.el.setStyle("z-index", "auto")}; }';
 

[Point]

still not work

[irigsoft]

1 minute ago, Point said:

still not work

I use this to set z-index =auto on my TuniDBGrid pagingBar

TuniDBGrid (MyComponent).ClientEvents.ExtEvents.Values['onafterrender'] := 'function afterrender(sender, eOpts){if (sender.headerCt) {sender.headerCt.el.setStyle("z-index", "auto")}; if (sender.pagingBar) {sender.pagingBar.el.setStyle("z-index", "auto")}; }';

can you try to use it on Mask or uniMap 

[Point]

unimap has properties autoZindex. and i set to auto, autoZindex = true.

[Point]

7 minutes ago, irigsoft said:

I use this to set z-index =auto on my TuniDBGrid pagingBar

TuniDBGrid (MyComponent).ClientEvents.ExtEvents.Values['onafterrender'] := 'function afterrender(sender, eOpts){if (sender.headerCt) {sender.headerCt.el.setStyle("z-index", "auto")}; if (sender.pagingBar) {sender.pagingBar.el.setStyle("z-index", "auto")}; }';

can you try to use it on Mask or uniMap 

i dont know the name element for uniMap.

[irigsoft]

6 minutes ago, Point said:

i dont know the name element for uniMap.

I am sorry but can't help. 

[Point]

it's oke, thanks for reply

[irigsoft]

8 minutes ago, Point said:

i dont know the name element for uniMap.

If You try with:

YouruniMap.ClientEvents.ExtEvents.Values['onafterrender'] := 'function afterrender(sender, eOpts){ {sender.el.setStyle("z-index", "100")}; }';

[Point]

not work too. I've tried it too like that, even with some configurations.

[irigsoft]

9 minutes ago, Point said:

it's oke, thanks for reply

In Google console I see some style settings and uniMap like zindex is 1

 

but here i see that z-index = 800

 

I look into Demos - uniMAP

[Point]

9 minutes ago, irigsoft said:

If You try with:

YouruniMap.ClientEvents.ExtEvents.Values['onafterrender'] := 'function afterrender(sender, eOpts){ {sender.el.setStyle("z-index", "100")}; }';

wait, seem it's work. unimap must set to autoZindex = false.

[Point]

if i set z-index = 100 what about this : 

.leaflet-map-pane canvas { z-index: 100; }

 

[Point]

btw many thanks mr @irigsoft

[irigsoft]

7 minutes ago, Point said:

if i set z-index = 100 what about this : 

.leaflet-map-pane canvas { z-index: 100; }

 

I don't know,  You  need to try with this CSS, maybe you need write some javascript code (like my example) if this not work.