Our pure JavaScript Scheduler component


Post by thomasb »

Hello

Can you tell me how I can get the "now" indicator in front of the events box?

Image

Thanks,
Thomas


Post by tasnim »

Hi,

I'm not sure what you mean by 'now' indicator

Did you mean this?

UAoHMVqNSD.png
UAoHMVqNSD.png (23.04 KiB) Viewed 204 times

Post by Animal »

Looks like that's the currently focused event. The currently focused event jumps above the line:

Screenshot 2023-03-09 at 16.35.10.png
Screenshot 2023-03-09 at 16.35.10.png (37.83 KiB) Viewed 188 times

Post by thomasb »

Yes I mean this one. It's hidden behind an event block if you see my screenshot

tasnim wrote: Thu Mar 09, 2023 6:13 am

Hi,

I'm not sure what you mean by 'now' indicator

Did you mean this?
UAoHMVqNSD.png


Post by thomasb »

Unfortunately no, it's always behind the event block

Animal wrote: Thu Mar 09, 2023 5:35 pm

Looks like that's the currently focused event. The currently focused event jumps above the line:

Screenshot 2023-03-09 at 16.35.10.png


Post by alex.l »

Hi thomasb,

To have the line above event bars you'll need to override CSS for focused event. As example, this code will do the job:

.b-sch-event-wrap:focus {
        z-index: 1!important;
}

All the best,
Alex


Post by Animal »

Check where the z-index styles of the event bar and line are coming from.

Bar is 5:

Screenshot 2023-03-16 at 06.58.21.png
Screenshot 2023-03-16 at 06.58.21.png (349.09 KiB) Viewed 141 times

Line is 6

Screenshot 2023-03-16 at 07.00.17.png
Screenshot 2023-03-16 at 07.00.17.png (181.58 KiB) Viewed 141 times

So with the default CSS build, the line should be above the bar.


Post by thomasb »

ok thanks a lot. that solved my problem!


Post Reply