Export as PDF w/ Angular Date Range - Can't set background of controls to transparent/none

0 Answers 32 Views
DateRange PDF Export
Tim
Top achievements
Rank 1
Iron
Tim asked on 24 Mar 2022, 01:34 PM | edited on 24 Mar 2022, 02:55 PM

Hi, I'm working on generating a PDF of a form I've created and I'm trying to style the PDF so that inputs have no background and just show their entered text. I've been able to do this with all of the form elements aside from my Kendo date range. For some reason, I cannot set the background of these inputs for the PDF.

When I set the background to transparent in the regular CSS, it works, and the PDF is generated without the background... but when I set the background to transparent just for the PDF CSS, it does not.

I've tried using both background, background-color, background: transparent, background: none, etc. with no luck. 

Stackblitz: https://stackblitz.com/edit/kendo-angular-date-range-gxnuby (try downloading the PDF - background of date inputs will be white)

.k-pdf-export .k-dateinput-wrap, .k-pdf-export .k-dateinput-wrap {
  background: transparent !important;
  border: 3px solid red;
}

No answers yet. Maybe you can help?

Tags
DateRange PDF Export
Asked by
Tim
Top achievements
Rank 1
Iron
Share this question
or