Theme Builder Plugin

[All Adaptavist Apps]

Page tree

Versions Compared

Old Version 38

changes.mady.by.user Unknown User (gwilson)

Saved on

compared with

New Version 39

changes.mady.by.user Unknown User (gwilson)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

...

Add

the

deck

&

card

macros

to

a

page

to

create

a

tabbed

panel

which

is

ideal

for

separating

out

blocks

of

related

content

Expand
Examples
Examples

Basic Use

Wiki Markup
{
Code Block
}
{deck:id=my_deck}
  {card:label=Card 1}
    This is the first tab's content
  {card}
  {card:label=Card 2}
    This is the second tab's content
  {card}
{deck}
{code}

Which

gives:

Wiki Markup
{composition-setup}
{composition-setup}
Wiki Markup

{deck:id=my_deck}
Wiki Markup
{card:label=Card 1}

This

is

the

first

tab's content

Wiki Markup
 content
{card}
Wiki Markup

{card:label=Card 2}

This

is

the

second

tab's content

Wiki Markup
 content
{card}
Wiki Markup
{deck}

Add CSS styles to your deck & card macros

To apply a CSS style simply add the appropriate class to the deck macro

Code Block
Wiki Markup

To apply a CSS style simply add the appropriate class to the deck macro
{code}
{deck:id=my_deck|class=green}
  {card:label=Card 1}
    This is the first tab's content
  {card}
  {card:label=Card 2}
    This is the second tab's content
  {card}
{deck}
{code}

Which

gives:

Wiki Markup

{deck:id=my_deck|class=green}
Wiki Markup
{card:label=Card 1}

This

is

the

first

tab's content

Wiki Markup
 content
{card}
Wiki Markup

{card:label=Card 2}

This

is

the

second

tab's content

Wiki Markup
 content
{card}
Wiki Markup
{deck}

The

other

classes

you

can

you

use

are

*

aqua

*

,

*

tan

*

and

*

red

*

FAQ's

Expand
Where can I find a list of all CSS used by the theme?
Where can I find a list of all CSS used by the theme?

The various CSS resources used by the theme depend on various settings. You can view more information on the Style Sheets 3.x page, including a list of all the menu style sheets, etc.

You can find the URL's to the style sheets by viewing the HTML source of a page and looking for the <link> tags at the top. If you browse to the URL's (remember to add in the path to your wiki at the start) you'll be able to view the CSS in the browser.

...