Hi,

I just installed the EO.PDF and EO.Web from EO.Total 2016. I used it to convert an ASPX page to PDF document.
PDF document is generated with good contents but the CSS styling lost (font color, style, background color, etc).

Here are some related source codes and hope someone could shed lights on how to get the CSS in PDF. If I remove ASPXToPDF1.RenderAsPDF and the component, the CSS comes back in the HTML page. The CSS does not work in PDF well.

In Page_Load: ASPXToPDF1.RenderAsPDF(true);

protected void ASPXToPDF1_AfterRender(object sender, EventArgs e)
{

HtmlToPdfResult result = (HtmlToPdfResult)ASPXToPDF1.Result;
PdfDocument Doc = result.PdfDocument;

HttpResponse response = HttpContext.Current.Response;
response.Clear();
response.ClearHeaders();
response.ContentType = "application/pdf";

Doc.Save(response.OutputStream);
}

Thanks.

Hi EO Support,

Yes, I handled BeforeRender and set the HtmlToPdf.Options.BaseUrl to be the root directory of the page. On the localhost, there is a port number in the URL http://localhost:51061/ReviewPrintable.aspx; on production the URL won't have a port number, and it will be https://appname.xxx.org/ReviewPrintable.aspx

I noticed that if I removed ASPXTOPDF object from the aspx page and commented out ASPXToPDF1.RenderAsPDF in the cs page, the web page will link to the base CSS file. If I added the ASPXTOPDF object back, the web page is converted to PDF page with images but not font style, background color from the original CSS.

Using Chrome View Page Source, the web page without ASPXToPDF shows HTML, Head, CSS file name etc; the PDF page without ASPXToPDF has EO style elements but not HTML, HEAD or original CSS link elements. It looks to me EO.PDF style built-in the ASPXToPDF object overrides the original CSS file.

Here is the Object in the .aspx page:
<eo:ASPXToPDF ID="ASPXToPDF1" runat="server" OnBeforeRender="ASPXToPDF1_BeforeRender" OnAfterRender="ASPXToPDF1_AfterRender">
</eo:ASPXToPDF>

In the ASPXToPDF1_BeforeRender(object sender, EventArgs e), I tested both root directory and the subdirectory where CSS file locates. Neither worked for me.

HtmlToPdf.Options.BaseUrl = "http://localhost:51061/"
or
HtmlToPdf.Options.BaseUrl = "http://localhost:51061/templates/"

Are there anything else that I can try to get the CSS to work in PDF? Thanks!

Hi,

In that case you can try to isolate the problem into a test project and send the test project to us. See here for more details:

https://www.essentialobjects.com/forum/test_project.aspx

Thanks!

Hi,

We have looked into the file you sent to us. Please use either one of the following option to fix the issue:

1. Remove server code rendering block in your page header. In your case the "<%=Session["SiteName"]%>" block;

2. Move your CSS file link element into your form element;

The root of the problem is internally we use System.Web.UI.Page.RenderControl to render the page and this method is not capable of rendering the header if the header contains server code block. As such when you have the server code block, the whole header section will not appear in the result HTML file to be rendered, since your CSS link element is in the header element, this would cause the result file missing CSS link. Either remove the server rendering block in your header or move the CSS out of the header (it must be moved to inside of the form) will resolve the issue for you.

Thanks!

Great! Thanks for confirming that it works!