Date cell border seperate days

[Wim Ypma]

Hello,

Im working with your sheduler and want to seperate the days with a black 1px border. 

Do you have a solution for this?

Greetings, 

Wim 

[Vijay Ravi]

Hi Wim,

You can achieve your requirement by overriding the default styles of the Scheduler as shown in the below code snippet.

<style>

    .e-schedule .e-vertical-view .e-work-cells,

    .e-schedule .e-vertical-view .e-date-header-wrap table tbody td.e-header-cells {

        border-right: solid 2px black;

    }

 

    .e-schedule .e-vertical-view tr td.e-work-cells:last-child,

    .e-schedule .e-vertical-view .e-date-header-wrap table tbody td.e-header-cells:last-child {

         border-right: none;

    }

</style>

Output screenshot:

Regards,

Vijay Ravi

Attachment: style_customize_db48702e.zip

[Wim Ypma]

Thx for your reply.

I found a different solution with javascript but thanks for your help anyway 

[Ravikumar Venkatesan]

Wim,

You are welcome. Let us know if you need any further assistance.