Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Div
idtoc
classtoc

Table of Contents

HTML

<ul class="toc">
<li class="frontmatter"><a href="#toc">Table of Contents</a></li>
<li class="frontmatter"><a href="#preface">Preface</a></li>
<li class="chapter"><a href="#chapter-tables-and-figures">Captioned Tables and Figures</a>
  <ul>
  <li class="section"><a href="#tables">Captioned Tables</a>
    <ul>
    <li class="section"><a href="#chapter-1-s-2">Sample sub section</a></li>
    <li class="section"><a href="#chapter-1-s-3">Sample sub section</a></li>
    </ul>
  </li>
  <li class="section"><a href="#figures">Captioned Figures</a></li>
  </ul>
</li>
</ul>

Div
idpreface
classpreface

Preface

The camel project uses this wiki to generate it's PDF based documentation. It uses the a Boom CSS based style sheet in conjunction with prince to generate the PDF manuals. The Book In One Page stitches together wiki content found through this wiki into a single page with is subsequently downloaded by the PDF generator and transformed into a PDF. This section will help you understand how to best use the wiki markup so that it generates good looking PDF pages.

HTML
<div class="chapter page-reset" id="chapter-tables-and-figures">

Images

Images show up differently on the web than on print. You normally need large images with a high DPI for them to print nicely on paper. This chapter will show you how to control the image sizing properties for PDF output.

Code Block

!http://activemq.apache.org/camel/download.data/camel-box-v1.0-150x200.png!

Image Added

Setting the Image DPI

A Large DPI setting will make the image shrink in the PDF output.

Code Block

!http://activemq.apache.org/camel/download.data/
    camel-box-v1.0-150x200.png|style=prince-image-resolution:200dpi!

Image Added

Sample DPI Settings

72 DPI

200 DPI

300 DPI

600 DPI

Image Added

Image Added

Image Added

Image Added

HTML
</div>

HTML
<div class="chapter page-reset" id="chapter-tables-and-figures">

Tables Figures and Listings

Using the BOOM micro format to add captions to tables and headings. We should really create some confluence macros for this.

Div
idtables
classsection

Captioned Tables

Use wiki markup similar to:

Code Block
none
none

{html}<div class="table"><p class="caption">
  Example Table
</p>
Wiki Markup
h2. Overview

The camel project uses this wiki to generate it's PDF based documentation.  It uses the a [Boom CSS based style sheet|http://www.alistapart.com/articles/boom] in conjunction with [prince|http://www.princexml.com/download/] to generate the PDF manuals.  This section will help you understand how to best use the wiki markup so that it generates good looking PDF pages.


{div:class=chapter|id=chapter-tables-and-figures}
h1. Captioned Tables and Figures
{div}

Using the BOOM micro format to add captions to tables and headings.  We should really create some confluence macros for this.

{div:class=section|id=tables}
h2. Captioned Tables
{div}
{html}
<div class="table">
  <p class="caption">Example Table</p>
{html}
  || Table || Heading ||
  | value1 | value2 |
  | value3 | value 4 |
{html}</div>{html}


{div:class=section|id=figures}
h2. Captioned Figures
{div}
{html}

To produce:

HTML
<div class="

...

table"><p class="caption"

...

>
 

...

 Example Table
</p>

Table

Heading

value1

value2

value3

value 4

HTML
</div>

Div
idfigures
classsection

Captioned Figures

Use wiki markup similar to:

Code Block
none
none

{html}<div class="figure"><p  With really big caption to test to see how big the caption area is and how it line wraps and all that jazz.</p>
  <p class="art">
{html}
  !http://activemq.apache.org/camel/download.data/camel-box-v1.0-150x200.png!
 {html}
</p></div>{html}


{div:class=toc|id=toc}
h1. Table of Contents
{div}

Still working on the Table of Contents and Preface stuff.  Might not look right yet.
p><p class="caption">
   Example Figure.
</p></div>
{html}
<ul

To produce:

HTML
<div class="

...

figure"

...

><p class="art">

...

HTML

</p><p class="caption">
   Example Figure.
</p></div>

Div
idlistings
classsection

Captioned Listings

Use wiki markup similar to:

Code Block
none
none

\{code:xml|title=Example}
<bean id="activemq" class="org.apache.camel.component.jms.JmsComponent">
  <property name="connectionFactory">
    <bean class="org.apache.activemq.ActiveMQConnectionFactory">
      <property name="brokerURL" value="vm://localhost?broker.persistent=false"/>frontmatter"><a href="#toc">Table of Contents</a></li>
<li class="frontmatter"><a href="#preface">Preface</a></li>
<li class="chapter"><a href="#chapter-tables-and-figures">Captioned Tables and Figures</a>
  <ul>
  <li class="section"><a href="#tables">Captioned Tables</a>
    <ul>
    <li class="section"><a href="#chapter-1-s-2">Sample sub section</a></li>
    <li class="section"><a href="#chapter-1-s-3">Sample sub section</a></li>
    </ul>bean>
  </li>
  <li class="section"><a href="#figures">Captioned Figures</a></li>
  </ul>
</li>
<li class="endmatter"><a href="#index">Index</a></li>
</ul>
{html}

{div:class=preface|id=preface}
h1. Preface
{div}

Sample preface. {span:class=footnote}Here is a footer.{span} Lorem ipsum dolor sit amet consectetuer accumsan Integer nascetur hac quis. Volutpat nascetur sodales quis convallis turpis vitae Aenean libero vitae Maecenas. Ligula congue semper hendrerit vel vestibulum orci ullamcorper ante pulvinar laoreet.
</property>
</bean>
\{code}

To produce:

Code Block
xml
xml
titleExample

<bean id="activemq" class="org.apache.camel.component.jms.JmsComponent">
  <property name="connectionFactory">
    <bean class="org.apache.activemq.ActiveMQConnectionFactory">
      <property name="brokerURL" value="vm://localhost?broker.persistent=false"/>
    </bean>
  </property>
</bean>

HTML
</div>