PDF-CSS issues
Post here questions and problems related to editing and publishing DITA content.
-
- Posts: 33
- Joined: Tue Feb 20, 2018 2:51 pm
PDF-CSS issues
Post by anna_craneo »
Hello,
I use PDF-WYSIWYG scenario with CSS, and there are several formatting issues I cannot overcome.
1. I need my table to have borders like this
but all I could get is this
The style I use
2. I need to add additional text to the cover page, I try to do it like this but the text is not displayed
3. Is there any way to make bullets (li element) larger? Without increasing the text size in the bullet itself.
I use PDF-WYSIWYG scenario with CSS, and there are several formatting issues I cannot overcome.
1. I need my table to have borders like this
- chrome_2019-11-06_17-59-10.png (8.9 KiB) Viewed 1901 times
- AcroRd32_2019-11-06_18-00-59.png (10.61 KiB) Viewed 1901 times
Code: Select all
*[class~="topic/entry"] {
color: #4c4545;
text-decoration: none;
vertical-align: baseline;
font-size: 11pt;
font-family: "Open Sans";
text-align:center;
border:1pt solid #5184b0;
}
*[class ~= "topic/table"] > *[class ~= "topic/tgroup"] {
display: table;
/* Fixed, in order to be conformant to the DITA specification, if a column does not have a width, it should be considered 1*
Prince ignores it. Chemsitry can deal with it. */
table-layout: fixed;
width: 650px;
}
*[class ~= "topic/table"] > *[class ~= "topic/title"] {
display: block;
}
*[class ~= "topic/table"][rowsep = '1'] > *[class ~= "topic/tgroup"] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:last-child > *[class ~= "topic/entry"],
*[class ~= "topic/tgroup"][rowsep = '1'] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:last-child > *[class ~= "topic/entry"][rowsep = '1'] {
border-bottom: none;
border-right: none;
}
*[class ~= "topic/table"][rowsep = '1'] > *[class ~= "topic/tgroup"] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:last-child > *[class ~= "topic/entry"],
*[class ~= "topic/tgroup"][rowsep = '1'] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:first-child > *[class ~= "topic/entry"][rowsep = '1'] {
border-top: none;
border-left: none;
}
*[class ~= "topic/table"][rowsep = '1'] > *[class ~= "topic/tgroup"] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:not(:last-child) > *[class ~= "topic/entry"],
*[class ~= "topic/tgroup"][rowsep = '1'] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:not(:last-child) > *[class ~= "topic/entry"][rowsep = '1'] {
border: 1pt solid #5184b0;
}
*[class ~= "topic/table"][rowsep = '1'] > *[class ~= "topic/tgroup"] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:not(:first-child) > *[class ~= "topic/entry"],
*[class ~= "topic/tgroup"][rowsep = '1'] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:not(:first-child) > *[class ~= "topic/entry"][rowsep = '1'] {
border: 1pt solid #5184b0;
}
Code: Select all
*[class~="front-page/front-page"] {
page: front-page;
}
*[class ~= "front-page/front-page-title"]:after(1) {
content: "January 1, 2019";
}
Re: PDF-CSS issues
For the point 3, please take a look at:
https://www.oxygenxml.com/doc/versions/ ... f4_np5_cbb
It explains how to use the :marker pseudo-class.
For the others, I will come back with details.
Many regards,
Dan
https://www.oxygenxml.com/doc/versions/ ... f4_np5_cbb
It explains how to use the :marker pseudo-class.
For the others, I will come back with details.
Many regards,
Dan
Re: PDF-CSS issues
For point 2, I used just the selector:
*[class ~= "front-page/front-page-title"]:after(1) {
content: "January 1, 2019";
}
And it worked fine. The page is already defined for the front-page, so just use the :after selector.
See also: https://www.oxygenxml.com/doc/versions/ ... aid-title6
*[class ~= "front-page/front-page-title"]:after(1) {
content: "January 1, 2019";
}
And it worked fine. The page is already defined for the front-page, so just use the :after selector.
See also: https://www.oxygenxml.com/doc/versions/ ... aid-title6
-
- Posts: 33
- Joined: Tue Feb 20, 2018 2:51 pm
Re: PDF-CSS issues
Post by anna_craneo »
Hi Dan,
Thanks for your answers.
1. Here is the snippet
2. This does not work for me. Even if I remove this
What else could I do?
3. Yeah, I've read this article, it works with everything except for what I need - bullet size. After all I just inserted necessary bullets as images but the quality is fat from perfect even if I use SVG.
Thanks for your answers.
1. Here is the snippet
Code: Select all
<table colsep="0" frame="none" id="table_csg_5dy_tcb">
<title>Apps</title>
<tgroup align="left" cols="2">
<colspec colname="c1" colnum="1" colwidth="1*" rowheader="headers"/>
<colspec colname="c2" colnum="2" colwidth="2.72*" rowheader="headers"/>
<thead>
<row valign="top" rowsep="0">
<entry>App Type</entry>
<entry>Updated</entry>
</row>
</thead>
<tbody>
<row valign="top" rowsep="0">
<entry>Scenario</entry>
<entry>1</entry>
</row>
<row valign="top" rowsep="0">
<entry>Report</entry>
<entry>3</entry>
</row>
</tbody>
</tgroup>
</table>
Code: Select all
*[class~="front-page/front-page"] {
page: front-page;
}
3. Yeah, I've read this article, it works with everything except for what I need - bullet size. After all I just inserted necessary bullets as images but the quality is fat from perfect even if I use SVG.
Re: PDF-CSS issues
Ok, I tried with your CSS:
1. You can simply use:
I added at the end of your rules and it worked. For this kind of customizations, please read the documentation: https://www.oxygenxml.com/doc/versions/ ... ng_the_css
2. It is unexpected. Can you send using the support technical support form a small DITA sample and the full CSS?
3. The only method is to style the list marker, as explained here: https://www.oxygenxml.com/doc/versions/ ... s__bullets
Many Regards,
Dan
1. You can simply use:
Code: Select all
*[class ~= "topic/thead"] *[class ~= "topic/entry"] {
border:none;
}
2. It is unexpected. Can you send using the support technical support form a small DITA sample and the full CSS?
3. The only method is to style the list marker, as explained here: https://www.oxygenxml.com/doc/versions/ ... s__bullets
Many Regards,
Dan
Return to “DITA (Editing and Publishing DITA Content)”
Jump to
- Oxygen XML Editor/Author/Developer
- ↳ Feature Request
- ↳ Common Problems
- ↳ DITA (Editing and Publishing DITA Content)
- ↳ SDK-API, Frameworks - Document Types
- ↳ DocBook
- ↳ TEI
- ↳ XHTML
- ↳ Other Issues
- Oxygen XML Web Author
- ↳ Feature Request
- ↳ Common Problems
- Oxygen Content Fusion
- ↳ Feature Request
- ↳ Common Problems
- Oxygen JSON Editor
- ↳ Feature Request
- ↳ Common Problems
- Oxygen PDF Chemistry
- ↳ Feature Request
- ↳ Common Problems
- Oxygen Feedback
- ↳ Feature Request
- ↳ Common Problems
- Oxygen XML WebHelp
- ↳ Feature Request
- ↳ Common Problems
- XML
- ↳ General XML Questions
- ↳ XSLT and FOP
- ↳ XML Schemas
- ↳ XQuery
- NVDL
- ↳ General NVDL Issues
- ↳ oNVDL Related Issues
- XML Services Market
- ↳ Offer a Service