Is there a way for a bunch of named anchors in a large html to be clickable within a PhantomJs generated PDF file?
I.e. say I have a table of contents or a list of FAQ questions. When clicking on the question/title - I'm taken to its answer/content within the same HTML file which is great but when the same HTML is rendered into a PDF each named anchor becomes an absolute URL (i.e. http://example.com/render.html#anchor_1) so clicking on it opens a browser with that URL instead of jumping to its content within the PDF file.
So, basically, is it possible (and how?) for a markup like this - https://fiddle.jshell.net/jyjuaaog/ to work within the generated PDF?
BTW, this works great when "printing as a PDF file" in Google Chrome but links end up broken when rendered in PhantomJs so there must be something I'm missing that I can't seem to find in the docs.
Any ideas?
Thanks!
Apparently there's a bug in PhantomJs preventing this. As suggested by PhantomJsCloud a quick-and-dirty workaround would be to replace the links with page links.
We would like to add an image to our PDF in Orbeon. We explorered different tags and came up with tag. This worked the way we wanted but this tag keeps the PDF from building. We don't get any (visible) errors but a time-out occurs after couple of seconds.
To cross check: PDF build fine without the xh:img tag.
I was wondering what other options do we have. I thought about a PDF template but we would like to give the form author the option to choose his/hers own jpg from a web resource.
This is on 43PE.
User error yet we didn't change much after all.
I have a page of about 10 embedded PDF docs. My question is there another option that would use smaller file sizes or something so they don't bogg down the page when visited? Even convert PDF to something else if possible. Right now they are all in an accordion jquery and run with Scribd. Maybe something similar to this would work.:
scrolling text box
If you want the jqueryui to download different data for each tab you need to put an empty div inside each section and then set an on open (I am not familiar with jqueryui but maybe the activate event?) and create an ajax call to get the relevant pdf and save it to the empty div.
There are lots of questions about ajax in jqui accordion here here and here for example.
I have to export a table with dynamic count of rows to a PDF that must fit on one page.
Currently, I'm generating an HTML document, wrapping the table within a <div> and then using CSS zoom to zoom out; the percentage is calculated with the count of rows. This HTML is then converted to PDF via wkhtmltopdf.
I need a better solution because the zoom calculation is not very reliable. Some rows are displayed higher than others and also wkhtmltopdf has some rendering troubles when using zoom.
I looked in the docs of FOP, iText and some other libraries/tools but couldn't find a solution.
Only requirement: It has to run on a Linux machine.
Thanks!
i have a question about web designing.
there are some ways for design.
CSS or Photoshop.
cSS is clear, my question is not about CSS, but about Photoshop design.
For example this
After design in photoshop when you save the work it makes sllices and converts your template to table cells and keeps each part of the picture in that cells..
but i know that nowdaystables are not usefull for web design, everybody use div and css..
so can u tell me how to export or how to use photoshop to design web pages with div.
I would not use Photoshop for anything other than to create a screenshot-type of graphic that is close to what you are aiming to get to with your web page(s).
For the actual design, start by laying out all of the content in HTML (no CSS). Once all of the content is in there, then you can style the elements to get to the look you want. When styling, the only changes you should be making to the HTML should be to put in IDs and classes to hook your CSS onto. Adding style-oriented elements like <div> and <span> is OK, but should be limited.
Doing the design in this way ensures that you will have a more accessible site, increases the likelyhood of having a more compact site, and will also increase your appeal to search engines.
These tutorials will help you:
http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-css
Screencast:
http://net.tutsplus.com/articles/news/how-to-convert-a-psd-to-xhtml/
Photoshop software is mainly used for creating layout designs (psd's).
Now a day's everybody using table less designs using div's, almost 80% of HTML pages creating using styles and css only in few areas we have to use graphics (logos, headings with different fonts, images like photography etc) which is not manageable with style and css in that cases we have to work in Photoshop and have to do save for web format as jpeg or png image formats then we have to use this images in html pages with using style sheets.
and mainly div based designs will work with supporting of style sheets everything the layout look and feel we will control with css styles and calling that css as a class names from div's.
Hope this answer will help you a bit.
Thanks
Photoshop is an application for manipulating imagery but it's also packed with tools for building graphics from scratch.In order to explore graphic design within a browser it was only logical to reach for Photoshop, create your visuals, save them as images and use them within a web page.