[Solved] Page break inside Agenda view

[MI87]

Hello

I'd like to add page break inside Scheduler, AgendaView, between each ressource
My configuration is GroupingDirection/vertical and GroupBy/ressource

I try this ...

.RadScheduler_Web20 .rsSubHeader
{
page-break-after : always !important;
}

...but it doesn't work...

I read that it's difficult to add page break inside table (you have to be display: block, float:none ... but it broke the sqheduler...)

Is there a trick I can add tto achieve this ?

Thanks in advance for your help

[Magdalena]

Hello Michel,

There is no trick to achieve page break between RadScheduler resources group. The only way is the mentioned method by  display: block . I have tested the solution and the layout did not break. I am sending a video of the print preview for your reference. The CSS that I have apply is the following

@media print
{

    .rsAgendaView > table,
    .rsAgendaView > table > tbody,
    .rsAgendaView > table > tbody > tr,
    .rsAgendaView > table > tbody > tr > td {
        display: block;
    }

    .rsAgendaTable + .rsSubHeader {
        page-break-before: always;
    }
}

Further CSS is because of removing the correcting border because of page wrapping

@media print
{
    html .RadScheduler_Default .rsHorizontalHeaderWrapper,
    .rsAgendaTable,
    .rsSubHeader {
        border-width: 0 1px;
        border-style: solid;
        border-color: #828282;
    }

    .rsContentWrapper {
        border-bottom: 1px solid #828282;
    }

    html .RadScheduler_Default .rsContent {
        border: 0;
    }


    table, tbody, tr, td {
        border-collapse: collapse;
        padding: 0 !important;
    }

}

Regards,
Magdalena
Telerik

 

 

[MI87]

Thank you very much Magdalena !!!

It works perfectly with our scheduler :-)