Hi,
I have tried a whole bunch of the suggestions before posting here.I cannot get the pdf export to put in icons I have in my table. The table uses custom fonts and I am loading ttf fonts and everything. I am putting here table html as rendered that needs to be output. the css declaraitons and javascript code for pdf.
1. Markup - Attached in zip
2. Font Declarations: 2
@font-face {
font-family
:
'cicon'
;
src
:
url
(
'fonts/cicon.eot?c4pj34'
);
src
:
url
(
'fonts/cicon.eot?c4pj34#iefix'
)
format
(
'embedded-opentype'
),
url
(
'fonts/cicon.ttf?c4pj34'
)
format
(
'truetype'
),
url
(
'fonts/cicon.woff?c4pj34'
)
format
(
'woff'
),
url
(
'fonts/cicon.svg?c4pj34#cicon'
)
format
(
'svg'
);
font-weight
:
normal
;
font-style
:
normal
;
}
3. Javascript to produce pdf:
$(
'div.div-action-btns'
).hide();
$(
'#export-pdf'
).hide();
var
draw = kendo.drawing;
draw.drawDOM($(
'#div-grid-container'
),{avoidLinks:
true
})
.then(
function
(root) {
return
draw.exportPDF(root, {
landscape:
true
,
paperSize:
"auto"
});
})
.done(
function
(data) {
kendo.saveAs({
dataURI: data,
fileName:
'Lane-Assignments'
+ window.Stf.Utility.formatShortDate(
new
Date()) +
'.pdf'
});
$(
'div.div-action-btns'
).show();
$(
'#export-pdf'
).show();
});
4. Output PDF - Attached in zip
I need urgent help on this please.