Scheduler print malfunction for resources
Hi Tesnim
Hamdouni,
We have
reviewed and validated your reported query. Based on your requirement, you can
customize the styles in your application. When printing the schedule, reduce
the width of the work cells according to your application’s needs. Refer the
below shared style and sample for your reference.
[app.component.css]
|
@media print { .e-schedule .e-vertical-view .e-date-header-wrap table col, .e-schedule .e-vertical-view .e-content-wrap table col { width: 15px; } } |
Sample link: https://stackblitz.com/edit/angular-k65fv7ay-pdtswxtz?file=src%2Fapp.component.css
Output screenshot:
Don't hesitate to get in touch if you require further help or more information.
Regards,
Vijay
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Regards,
Vijay Ravi
Hi Tesnim
Hamdouni,
Query 1: The hours only cover 12am-6am, not the whole day.
Based on
your requirement, you can set the height in the print options to ensure all
time slots are displayed on the print page. Refer to the shared code snippets,
sample and output image for your reference.
Sample link: https://stackblitz.com/edit/angular-k65fv7ay-3vvn7ufb?file=src%2Fapp.component.ts
[app.component.ts]
|
public onPrintClick(): void { const printOptions: ScheduleModel = { width: "auto", height: "100%" }; this.scheduleObj.print(printOptions); } |
Output screenshot:
Query 2: The colors are missing from the print which reduces the schedule's
visibility.
when using
the print options, you can enable the "Background Graphics" setting
to ensure the appointment colors are displayed instead of appearing in black
and white. Please refer to the sample provided below for your reference.
Sample link: https://stackblitz.com/edit/angular-k65fv7ay-3vvn7ufb?file=src%2Fapp.component.ts
Don't hesitate to get in touch if you require further help or more information.
Regards,
Vijay
Hi Tesnim
Hamdouni,
Query 1: I went back to the firststackblitz example
and added the height as you noted, but I got this instead. As you can see in
stack1.png, there are no colors despite the print backgrounds option,
You mentioned a
StackBlitz sample initially, but it’s unclear whether you’re referring to the
sample you shared or the one we shared. However, please try removing the link
shared below from the index.html file in the sample and verify if enabling the
background graphics results in the correct color display.
[Index.html]
|
<head> You can remove these link in index.html <!-- <link rel='nofollow' href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" > --> </head |
Sample link: Jkfebnrf
(duplicated) - StackBlitz
Query 2: I went back to the second solution you shared to understand the
difference. The code is identical save for the height parameter. So I removed
then added the height field in the onPrintClick() function and got this: as you
can see in stack2.png the rest of the events after 6am disappears despite there
being a second page.
We have observed
that when printing with the configurations specified in our provided sample,
the event prints correctly. Kindly verify the sample on your end to confirm if
the issue persists. Additionally, it’s possible that your application’s
schedule is being overridden by a style other than the default, which may be
causing the issue due to additional styles.
Please test the
sample without any additional styles to ensure the event displays correctly on
the print page. If the issue is caused by additional styles, those styles will
need to be updated. Should the problem persist, please share a sample that
replicates the issue for further investigation.
Sample link: Jkfebnrf
(duplicated) - StackBlitz
Don't hesitate to get in touch if you require further help or more
information.
Regards,
Vijay
