Calendar behind modal overlay

Hello, i have built this modal using an empty template from outsystems, and somehow the calendar is always behind the overlay, is there any possible solution for this?

Hi Dario,


Do you have this as a sample that you can upload? what version of the platform are you using? Are you using OutSystems UI or SilkIU? And are you using the latest version of that UI library?


Thanks


Stacey

Hello Stacey,

Sorry for the late reply, i am using outsystems studio 11.0 and OutSystems UI, and yes i am using the latest version of the UI library..
Regards of the sample, what do you need for me to upload?

Thank you

Dario

Hi Dario,


If you have a sample that shows exactly what you are doing, then upload that OML and we can take a look at it.


Hi Stacey, 

I already passed this information to OutSystems a few days ago.
It is a problem with z-index.

Dario, as a workaround, please, put a container around the widget, and set CSS of the container as this:

position: relative;

z-index: 20;

Not sure if 20 is enough, but if it is not, you can try a higher number.

Cheers.

Heres the sample 

Eduardo Jauch wrote:

Hi Stacey, 

I already passed this information to OutSystems a few days ago.
It is a problem with z-index.

Dario, as a workaround, please, put a container around the widget, and set CSS of the container as this:

position: relative;

z-index: 20;

Not sure if 20 is enough, but if it is not, you can try a higher number.

Cheers.


Thank you so much!.

Sorry Dario, my hack doesn't work, but this works:

Use this CSS on your theme style sheet (or page stylesheet):

div.calendar, div.calendar table {
    z-index: 200;
}

Cheers.