[All Adaptavist Apps]

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

...

Section
Column

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

Column

Each panel has a class and most have an ID allowing very precise control over style sheet settings:

Center
Wiki Markup
{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}

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

...