DnnContra Flexbox grid

The grid layout

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

We strongly recommend that you copy the 'content-panes.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:

siteroot / Portals/ {portal directory}/Skins/DnnContra/layouts/default

{portal directory} will be '_default' or your portals directory.

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