alignment of elements on the cover page (custom)
Post here questions and problems related to editing and publishing DITA content.
alignment of elements on the cover page (custom)
hello!
I'm trying to add a statement to the cover page.
the data is taken from metadata.
I have created additional classes, but I can't align them in any way.
I want to receive
job title ______ user1
job title ______ user2
..........
which display option should I use?
in bookmeta
in style.css
I'm trying to add a statement to the cover page.
the data is taken from metadata.
I have created additional classes, but I can't align them in any way.
I want to receive
job title ______ user1
job title ______ user2
..........
which display option should I use?
in bookmeta
Code: Select all
<othermeta name="sign" content="approve:"/>
<othermeta name="sign1-tjob" content="job title"/>
<othermeta name="sign-line1" content="_______________"/>
<othermeta name="sign1-name" content="user1"/>
<othermeta name="sign2-tjob" content="job title"/>
<othermeta name="sign-line2" content="_______________"/>
<othermeta name="sign2-name" content="user2"/>
<othermeta name="sign3-tjob" content="job title"/>
<othermeta name="sign-line3" content="_______________"/>
<othermeta name="sign3-name" content="user3"/>
<!-- <othermeta name="sign4-tjob" content="job title"/>
<othermeta name="sign-line4" content="_______________"/>
<othermeta name="sign4-name" content="user4"/>-->
Code: Select all
/*approve:*/
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(1) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign'])[1]/@content");
display:block;
text-align:left;
color:black;
font-size:12pt;
font-weight: normal;
margin-top: 9em;
position: relative;
right: 35px;
top: -60px;
}
/*user1*/
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(2) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign1-tjob'])[1]/@content");
display:grid;
width: 350px;
/*max-width:5px;*/
text-align:left;
color:black;
font-size:12pt;
font-weight: normal;
/* margin-top: 9em;*/
position: absolute;
right: 360px;
top: 600px;
}
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(3) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign-line1'])[1]/@content");
display:inline-grid;
text-align:left;
color:black;
font-size:12pt;
font-weight: normal;
/* margin-top: 9em;*/
position: relative;
left: 200px;
top: -28px;
}
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(4) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign1-name'])[1]/@content");
display:inline-grid;
width: 100px;
text-align:right;
color:black;
font-size:12pt;
font-weight: normal;
position: relative;
left: 260px;
top: -28px;
}
/*user2*/
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(5) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign2-tjob'])[1]/@content");
display:block;
width: 350px;
/*max-width:5px;*/
text-align:left;
color:black;
font-size:12pt;
font-weight: normal;
position: relative;
left: -20px;
/* top: 700px;*/
}
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(6) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign-line2'])[1]/@content");
display:inline-grid;
text-align:left;
color:black;
font-size:12pt;
font-weight: normal;
position: relative;
left: 200px;
top: -28px;
}
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(7) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign2-name'])[1]/@content");
display:inline-grid;
text-align:right;
color:black;
font-size:12pt;
font-weight: normal;
position: relative;
left: 260px;
top: -28px;
}
/*user3*/
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(8) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign3-tjob'])[1]/@content");
display:flex;
width: 350px;
/*max-width:5px;*/
text-align:left;
color:black;
font-size:12pt;
font-weight: normal;
position: relative;
left: -20px;
}
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(9) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign-line3'])[1]/@content");
display:inline-grid;
text-align:left;
color:black;
font-size:12pt;
font-weight: normal;
position: relative;
left: 215px;
top: -55px;
}
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(10) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign3-name'])[1]/@content");
display:inline-grid;
text-align:left;
color:black;
font-size:12pt;
font-weight: normal;
margin-top: 9em;
position: relative;
left: 275px;
top: -55px;
}
/*user4*/
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(11) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign4-tjob'])[1]/@content");
display:inline-block;
width: 350px;
/*max-width:5px;*/
text-align:left;
color:black;
font-size:12pt;
font-weight: normal;
margin-top: 9em;
position: absolute;
right: 80px;
top: -60px;
}
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(12) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign-line4'])[1]/@content");
display:inline-grid;
text-align:left;
color:black;
font-size:12pt;
font-weight: normal;
margin-top: 9em;
position: absolute;
right: 70px;
top: -60px;
}
*[class~="front-page/front-page-title"] > [class~="topic/title"]:after(13) {
content: oxy_xpath("(//*[contains(@class, 'topic/othermeta')][@name='sign4-name'])[1]/@content");
display:inline-grid;
text-align:left;
color:black;
font-size:12pt;
font-weight: normal;
margin-top: 9em;
position: absolute;
right: 70px;
top: -60px;
}
- 2023-11-17_13-43-01.jpg (9.01 KiB) Viewed 352 times
-
- Posts: 498
- Joined: Wed Oct 16, 2019 3:47 pm
Re: alignment of elements on the cover page (custom)
Post by julien_lacour »
Hello,
Could this problem be considered as solved? If yes maybe you could share the updated CSS in case other people want to realize a similar output.
Regards,
Julien
Could this problem be considered as solved? If yes maybe you could share the updated CSS in case other people want to realize a similar output.
Regards,
Julien
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