Apex Code Development You need to sign in to do that
Don't have an account?
Mohamed Azarudeen Css is not working.. while renderas pdf
<apex:page renderAs="pdf" >
<html>
<head>
<!--[if IE]>
<style>
.rotate_text
{
writing-mode: tb-rl;
filter: flipH() flipV();
}
</style>
<![endif]-->
<!--[if !IE]><!-->
<style>
.rotate_text
{
-moz-transform:rotate(-90deg);
-moz-transform-origin: top left;
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: top left;
-o-transform: rotate(-90deg);
-o-transform-origin: top left;
position:relative;
}
</style>
<!--<![endif]-->
<style>
table
{
table-layout: fixed;
width: 69px; /*Table width must be set or it wont resize the cells*/
}
th, td
{
border: 1px solid black;
width: 23px;
}
.rotated_cell
{
height:50px;
vertical-align:bottom
}
</style>
</head>
<body>
<table border='1'>
<tr>
<td class='rotated_cell'>
<div class='rotate_text'>Test1</div>
</td>
<td class='rotated_cell'>
<div class='rotate_text'>Test2</div>
</td>
<td class='rotated_cell'>
<div class='rotate_text'>Test3</div>
</td>
</tr>
<tr><td>X</td><td>X</td><td>X</td></tr>
<tr><td>X</td><td>X</td><td>X</td></tr>
<tr><td>X</td><td>X</td><td>X</td></tr>
<tr><td>X</td><td>X</td><td>X</td></tr>
</table>
</body>
</html>
</apex:page>
<html>
<head>
<!--[if IE]>
<style>
.rotate_text
{
writing-mode: tb-rl;
filter: flipH() flipV();
}
</style>
<![endif]-->
<!--[if !IE]><!-->
<style>
.rotate_text
{
-moz-transform:rotate(-90deg);
-moz-transform-origin: top left;
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: top left;
-o-transform: rotate(-90deg);
-o-transform-origin: top left;
position:relative;
}
</style>
<!--<![endif]-->
<style>
table
{
table-layout: fixed;
width: 69px; /*Table width must be set or it wont resize the cells*/
}
th, td
{
border: 1px solid black;
width: 23px;
}
.rotated_cell
{
height:50px;
vertical-align:bottom
}
</style>
</head>
<body>
<table border='1'>
<tr>
<td class='rotated_cell'>
<div class='rotate_text'>Test1</div>
</td>
<td class='rotated_cell'>
<div class='rotate_text'>Test2</div>
</td>
<td class='rotated_cell'>
<div class='rotate_text'>Test3</div>
</td>
</tr>
<tr><td>X</td><td>X</td><td>X</td></tr>
<tr><td>X</td><td>X</td><td>X</td></tr>
<tr><td>X</td><td>X</td><td>X</td></tr>
<tr><td>X</td><td>X</td><td>X</td></tr>
</table>
</body>
</html>
</apex:page>
applyHtmlTag="false" has to be manually set to false in apex:page to get this working. This 'applyHtmlTag' is a new attribute added in API 28.0
Check the below link.
http://cloudyworlds.blogspot.in/2013/06/using-css-in-pdf-for-page-numbering.html