Open GarraouiMarwen opened 7 years ago
No CSS3 support currently. What parts of CSS3 do you need out of interest? It's a static renderer with no js support so definitely no angular support.
actually, i thought that background is only defined on css3, because the i can't upply background from external css file, and i want to use @media for responsive design
Backgrounds should work. I just committed tests on background. It may not work using the style attribute due to #27
Media queries are not implemented yet, but could be ported from the old neoflyingsaucer where they were implemented. But do they make sense for a print renderer?
Hi I am also reviewing openhtmltopdf and perhaps there are some other ways to accomplish things. I was testing some complicated html text and noticed that there were some unrecognized CSS properties. (I don't have much knowledge of css).
some stripped log data:
com.openhtmltopdf.load INFO:: TIME: parse stylesheets 79ms com.openhtmltopdf.match INFO:: media = print com.openhtmltopdf.match INFO:: Matcher created with 160 selectors com.openhtmltopdf.css-parse WARNING:: (null) Ident center is an invalid or unsupported value for vertical-align at line 1. Skipping declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) -ms-text-size-adjust is an unrecognized CSS property at line 1. Ignoring declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) -webkit-text-size-adjust is an unrecognized CSS property at line 2. Ignoring declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) -webkit-text-resize is an unrecognized CSS property at line 3. Ignoring declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) text-resize is an unrecognized CSS property at line 4. Ignoring declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) outline is not implemented at line 8. Ignoring declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) opacity is an unrecognized CSS property at line 14. Ignoring declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) -webkit-transition is an unrecognized CSS property at line 17. Ignoring declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) Unsupported CSS unit s at line 18. Skipping declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) -moz-transition is an unrecognized CSS property at line 18. Ignoring declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) Unsupported CSS unit s at line 19. Skipping declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) -ms-transition is an unrecognized CSS property at line 19. Ignoring declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) Unsupported CSS unit s at line 20. Skipping declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) transition is an unrecognized CSS property at line 20. Ignoring declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) Unsupported CSS unit s at line 21. Skipping declaration. com.openhtmltopdf.css-parse WARNING:: (null#inline_style_1) Found an identifier where a { was expected at line 42. Skipping @media rule. com.openhtmltopdf.load INFO:: TIME: parse stylesheets 527416ms com.openhtmltopdf.match INFO:: media = print com.openhtmltopdf.match INFO:: Matcher created with 160 selectors com.openhtmltopdf.css-parse WARNING:: (null) font-size-adjust is an unrecognized CSS property at line 0. Ignoring declaration. com.openhtmltopdf.css-parse WARNING:: (null) font-stretch is an unrecognized CSS property at line 0. Ignoring declaration.
Is grid-area supported? #294
I'd like to use UIKit (https://getuikit.com/), but since the selectors added in CSS 3 are skipped, it will not be the intended design.
hi. @danfickle I think media queries make sense. Imagine you want to design a type of form that will later be exported as a PDF. However, you only want to output the content in the PDF that has been edited by the user.
For example:
<div class="noPrint">bla bli blubb</div>
@media print .noPrint{ display: none; }
i want to use this library but idon't know if this support css3 or not and angularjs