Hi,
I was trying out exporting the scheduler I’m developing to pdf. I ran into a problem with grid view. The text in my columns is out of alignment. You can see a screenshot of the pdf here dropbox.com/s/bk8iajrhjicb1 … 8.png?dl=0
I can’t imagine how any of my configurations would have an effect for the pdf layout, but here is my createGridView() anyway:
scheduler.createGridView({
name:"grid",
fields:[ // defines columns of the grid
{id:"date", label:'Päivämäärä', template: function(start, end, ev) {
var formatFunc = scheduler.date.date_to_str("%j.%n.%Y");
var eventStartDate = formatFunc(start);
var eventEndDate = formatFunc(end);
if (eventEndDate != eventStartDate) return eventStartDate + " - " + eventEndDate;
else return eventStartDate;
}, sort:'date', width:150, align:'left'},
{id:"workshop", label:'Korjaamo', template: function(start, end, ev) {
var eventWorkshop = findWorkshopById(ev.workshopId);
if (eventWorkshop && eventWorkshop.name) return eventWorkshop.name;
else return "--";
}, sort:'str', width:200, align:'left'},
{id:"importer", label:'Maahantuoja', template: function(start, end, ev) {
var eventImporter = findImporterById(ev.importerId);
if (eventImporter) return eventImporter;
else return "--";
}, sort:'str', width:200, align:'left'},
{id:"user", label:'Testaaja', template:function(start, end, ev) {
if (ev.user) {
return ev.user.firstName + " " + ev.user.lastName
}
else return "--";
},
sort:'str', width:200, align:'left'},
{id:"remarks", label:'Huomiot', template: function(start, end, ev) {
if (ev.remarks) return ev.remarks;
else return "";
}, sort:'str', width:'*', align:'left'}
],
});And here is the call to exportToPdf:
function getCalendarPdf() {
var headerText = "<table style='height: 150px;'>"
+ "<tr>"
+ "<td>"
+ "<img style='width: 80px; height: 80px'" + ' src="http://84.248.74.85/ProNaseva/resources/images/TCTLogo.jpg" ' + ' /> '
+ "</td>"
+ '<td style="padding-left: 30px">'
+ "<h1> TEST CENTER TIILILÄ</h1>"
+ "</td>"
+ "</tr>"
+ "</table>";
var footerText = "<table style='height: 150px;'>"
+ "<tr>"
+ "<td>"
+ "<img style='width: 1040px; height: 50%'" + ' src="http://84.248.74.85/ProNaseva/resources/images/TCTFooter.jpg" ' + ' /> '
+ "</td>"
+ "</tr>"
+ "</table>";
scheduler.exportToPDF({
format:"A4",
orientation:"landscape",
zoom:1,
header:headerText,
footer: footerText
});
}
Ideas as to whats wrong?