DnnBootser grid & Dnn Panes

The grid layout

The grid layout uses the Bootstrap columns to create panes for Dnn. Below is the standard pane layout which is installed with the Bootster theme, these pane layouts can easily be changed by editing an include file in the skin install directory.

You can also not use the flexbox grid that is included in Bootstrap 4, for more information about the Boostrap grid, click here.

We strongly recommend that you copy the 'content-areas.ascx' file and delete the rows and columns that you do not need for your website.

To do this, in the file directory of you site, navigate to:

/Portals/_default/Skins/DnnBootsterV2/layouts

TopAPane
TopBPane
Row1_Grid3_Pane
Row1_Grid9_Pane
Row2_Grid4_Pane
Row2_Grid8_Pane
Row3_Grid5_Pane
Row3_Grid7_Pane
Row4_Grid1_Pane
Row4_Grid2_Pane
Row5_Grid7_Pane
Row5_Grid5_Pane
Row6_Grid8_Pane
Row6_Grid4_Pane
Row7_Grid9_Pane
Row7_Grid3_Pane
Full_ScreenA_Pane
TopCPane
Row8_Grid4_Pane1
Row8_Grid4_Pane2
Row8_Grid4_Pane3
Row9_Grid3_Pane1
Row9_Grid6_Pane
Row9_Grid3_Pane2
Row10_Grid3_Pane1
Row10_Grid3_Pane2
Row10_Grid3_Pane3
Row10_Grid3_Pane4
Full_ScreenB_Pane
Row11_Grid9_Pane
Row11_Grid3_Pane
Row12_Grid8_Pane
Row12_Grid4_Pane
Row13_Grid7_Pane
Row13_Grid5_Pane
Row14_Grid6_Pane1
Row14_Grid6_Pane2
Row15_Grid5_Pane
Row15_Grid7_Pane
Row16_Grid4_Pane
Row16_Grid8_Pane
Row17_Grid3_Pane
Row17_Grid9_Pane
Bottom_Pane
Full_Bottom_Pane
Custom & Bespoke theme creation
info_outline

Looking for a theme that is unique to you or are you looking for a custom theme to be created delivered by your client?

 

DnnConsulting specializes in all things Dnn, this also means custom and bespoke themes/skins.

If you are looking for a partner to help with the design of your clients sites just contact us.

 

DnnConsulting is specialized in:

  • DnnCMS Hosting (WeHostDnn.com)
  • DnnCMS setup and optimalization
  • SASS theme/skin/container creation
  • CSS & html theme creation
  • OpenContent template creation
  • and much more...