Dynamic Title Pages

[Drew Miller]

In confluence, when I export a page/space I would like a dynamically made title page to be created. What is the best way to go about this?

So far I have tried going to the look and feel under spaces and adding code to the PDF layout and stylesheet.

Ideally I would like a full page image with title text(from the page/solution) for the cover, and on the next page, table of contents. The code I have below kinda of does this, but simple tradtional CSS attributes like changing the 'color' of the title do not work. Forget about trying to do a gradient, which is a feature I would like implemented in future releases. Addtionally , debuging the code is painstankly slow, eg making style sheet changes, saving them, navigating to a page, exporting to a pdf, generating the pdf, downloading the pdf, ect , to see the changes is a 3-4 minute process each time.

Is there anymore documentation, debugging, or solutions that you can reccomend? The only other idea I can come up with is going in confluence source and adding in a custom method call that will do exactly what I want, but this has the downside of a deployment cost and lacks support for future releases.

Code for Layout:

1. <div class="fsTitlePage" style="margin-left:auto;margin-right:auto; page-break-after:always; height:800px; width:500px; ">
2. <img style="position:absolute; left:0;top:0;" src="http://d2l72tm4ce9ozj.cloudfront.net/confluence_template/cover.jpeg" />
3. </div>
   

Code for Stylesheet:

1. .fsTitlePage
2. {
3. position:relative;
4. color:white;
6. }
7. .fsTitle
8. {
9. font-size: 42px;
10. font-weight: bold;
11. margin: 72px 0 4px 0;
12. text-align:center;
13. color:white !important;
14. }
16. /* Turn off the default section numbering for this TOC item */
17. .toclvl0:before
18. {
19. display:none;
20. counter-reset: chapter 0;
21. }
23. /* Hide the default page numbering for this TOC item */
24. .toclvl0 .tocnum
25. {
26. display: none;
27. color:white !important;
28. }
30. /* Move and style this TOC item */
31. .toclvl0
32. {
33. position:absolute;
34. top:450px;
35. left:100px;
36. font-size: 38px;
37. font-weight: bold;
38. margin: 125px 0 4px 0;
39. text-align:center;
40. color:white !important;
41. }
43. @page
44. {
45. margin-top: 2.54cm;
46. margin-bottom: 2.54cm;
47. margin-left: 1.27cm;
48. margin-right: 1.27cm;
49. @bottom-left
50. {
51. content: "Copyright © 2013, OpenPeak Inc.";
52. font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
53. font-size: 8pt;
54. color:grey;
55. }
56. @bottom-right
57. {
58. content: "OpenPeak Confidential and Proprietary";
59. font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
60. font-size: 8pt;
61. color: grey;
62. margin-bottom:5px;
64. }
65. @top-right
66. {
67. content: "Page " counter(page);
68. font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
69. font-size: 8pt;
70. color:grey;
71. }
72. /* Any other page-specific rules */
73. }
75. table.sectionMacro
76. {
77. table.sectionMacro
78. {
79. display: table;
80. }
82. table.sectionMacro>tbody
83. {
84. display: table;
85. }
87. table.sectionMacro>tbody>tr
88. {
89. display: table-row;
90. }
92. table.sectionMacro>tbody>tr>td
93. {
94. display: table-cell;
95. }
96. }
    

[Josch Bencke]

Puhhh .... I used Scroll office for this :D Much easier ;-)