[All Adaptavist Apps]

Page tree

Versions Compared

Key

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

...

Section
Column

Builder themed pages are organised in to several panels as illustrated below:

Each

panel

has

a

class

and

most

have

an

ID

allowing

very

precise

control

over

style

sheet

settings:

Column
Wiki Markup
Center
{center} ||Panel||Class||ID|| ||Document|

Panel

Class

ID

Document

.atb-body

|#document| ||Page|

#document

Page

.atb-page

| | ||Header Bar|

 

Header Bar

.atb-header

|#header| ||Menu Bar|

#header

Menu Bar

.atb-menu

|#menu| ||Navigation Bar|

#menu

Navigation Bar

.atb-navigation

|#navigation| ||Left Sidebar|

#navigation

Left Sidebar

.atb-leftSidebar

|#leftSidebar| ||Left Slider|

#leftSidebar

Left Slider

.atb-sliderleft

|#sliderleft| ||Page Title|

#sliderleft

Page Title

.atb-title

|#title| ||Page Content|

#title

Page Content

.atb-content

|#content| ||Page Footntotes|

#content

Page Footntotes

.atb-footnote

|footnote| ||Right Slider|

footnote

Right Slider

.atb-sliderright

|#sliderright| ||Right Sidebar|

#sliderright

Right Sidebar

.atb-rightSidebar

|#rightSidebar| ||Footer Bar|

#rightSidebar

Footer Bar

.atb-footer

|#footer| {center}

#footer

(warning) Wherever possible, avoid using the ID in your style sheet as these may change in later versions of Builder.

...