How to rotate the whole chapter?
Posted: Thu Apr 30, 2020 12:44 pm
Hi!
(I've read all topics and articles here related to "landscape")
One of my topics contains wide content, so I want to place it on the landscape page.
I've got definitions in my CSS:
and it works for tables with orient="land".
I've added the following:
and placed it into ditamap:
As a result chapter is not rotated.
Is there any mistake?
Sincerely,
Dmitry
UPDATE: It appears now that row form TOC related with this chapter is placed on separated rotated page...
(I've read all topics and articles here related to "landscape")
One of my topics contains wide content, so I want to place it on the landscape page.
I've got definitions in my CSS:
Code: Select all
@page landscape-page:right {
size: landscape;
margin-top: 2.5cm;
margin-bottom: 1.5cm;
margin-left: 2cm;
margin-right: 3cm;
background-image: url(images/background_image_right_page_landscape.svg);
background-position:center;
background-repeat:no-repeat;
@top-left {
content: none
}
@top-center {
content: none
}
@top-right {
content: none
}
@right-bottom {
content: string(maptitle) "\A" string(chaptertitle1) "\A" string(chaptertitle2);
font-family: 'PT Sans', PTSans, sans-serif !important;
font-size:8pt;
color:white;
transform: rotate(90);
vertical-align: middle;
text-align: left;
}
@bottom-left-corner {
content: counter(page);
font-size:12pt;
font-family: 'PT Sans', PTSans, sans-serif;
color: #00657f;
transform: rotate(90);
padding-bottom: 0.5in;
}
@bottom-right-corner {
content: none;
}
}
@page landscape-page:left {
size: landscape;
margin-top: 1.5cm;
margin-bottom: 2.5cm;
margin-left: 2cm;
margin-right: 3cm;
background-image: url(images/background_image_left_page_landscape.svg);
background-position:center;
background-repeat:no-repeat;
@top-left {
content: none
}
@top-center {
content: none
}
@top-right {
content: none
}
@right-top {
content: string(maptitle) "\A" string(chaptertitle1) "\A" string(chaptertitle2);
font-family: 'PT Sans', PTSans, sans-serif !important;
font-size:8pt;
color:white;
transform: rotate(90);
vertical-align: middle;
text-align: right;
}
@bottom-left-corner {
content: none;
}
@top-left-corner {
content: counter(page);
font-size:12pt;
font-family: 'PT Sans', PTSans, sans-serif;
color: #00657f;
transform: rotate(90);
}
}
I've added the following:
Code: Select all
*[outputclass="wide"] {
page: landscape-page;
}
Code: Select all
<chapter outputclass="wide" href="modules/sigacfg/reference/r_security_ug_tables.dita"/>
Is there any mistake?
Sincerely,
Dmitry
UPDATE: It appears now that row form TOC related with this chapter is placed on separated rotated page...