Print Page - TCPDF can not display any page on jeasyui-tab ?

Title: TCPDF can not display any page on jeasyui-tab ?
Post by: Jonny on April 22, 2015, 11:50:36 PM

Dear All,

Have you ever heard product from www.tcpdf.org ?
Their product is a PDF creator by using PHP command…

My problem is no pages shown if I put it inside jeasyui-tab…
addTab("PREVIEW”,”viewpdf.php”);
It only show blank PDF, there is no error at all…
Maybe TCPDF unable to detect “jeasyui-tab” behavior, style etc ?

But if I add in a new tab:
window.open( 'viewpdf.php', "_blank");
All of the page shown normally ..

Is there any setting needed in <style> / body{} ?
Please help me if you ever experienced solving TCPDF.

Thank you.

Regards,
JONNY

Title: Re: TCPDF can not display any page on jeasyui-tab ?
Post by: stworthy on April 23, 2015, 12:30:20 AM

Please try the code below:

Code:

var url = 'tcpdf/examples/example_001.php';
$('#tt').tabs('add', {
	title: 'pdf',
	content: '<iframe src="'+url+'" style="width:100%;height:100%"></iframe>'
})

Title: Re: TCPDF can not display any page on jeasyui-tab ?
Post by: Jonny on April 23, 2015, 01:56:17 AM

Dear stworthy,

I just followed your instruction and no different…..
Please help me check, is any setting wrong in my function:

function addTab(title, url, temporary ){
if ($('#tablgn').tabs('exists', title))
{ $('#tablgn').tabs('select', title); }
else {
vtemp = temporary;
var xxcontent = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"> </iframe>';
var content = '<iframe src="'+url+'" style="width:100%;height:100%;"> </iframe>';
$('#tablgn').tabs('add',{
title:title,
content: content,
bodyCls:'noscroll',
closable:true,
tmptable:vtemp
});

}
}

Regards,
JONNY

Title: Re: TCPDF can not display any page on jeasyui-tab ?
Post by: Jonny on April 23, 2015, 08:41:23 PM

Dear All,

   After asking help to Master...
He said I just need to recheck the whole page of my html especially CSS setting..
He found an mistake / unuseful setting in CSS --> position: fixed

body{
   background-image:url(bg.png);
   font-family: 'Verdana', cursive;
   margin: 0px;
   padding: 15px;
   /* position: fixed; */
   min-height: 100%;
}

After remove / remark that line,
TCPDF now show all of the page normally..

Regards,
Jonny

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Jonny on April 22, 2015, 11:50:36 PM