Change Page Width
Changing the width of an existing application page can be accomplished by making a simple change to a single class:
- #wrapper_3column - Applies a three column (490 pixels wide) layout
- #wrapper_4column - Applies a four column (654 pixels wide) layout
- #wrapper_5column - Applies a five column (818 pixels wide) layout
- #wrapper_6column - Applies a six column (984 pixels wide) layout
As an example, suppose you have an 818 pixel wide (five column) page you would like to modify to 984 pixels wide (six columns). Find the following HTML snippet at the start of the body section:
Update the div section so the following class is applied:
To change to a different number of columns than in the above example, substitute the appropriate number of columns in the #wrapper class to achieve your desired page layout.
Additional Notes
If your page also includes a log, you have to change two additional classes if changing your page type to or from a six column layout. If changing from a smaller page layout to a six column layout, find the following HTML snippet:
Change the appLog div id to appLogHorizontal, and the mainWithSideNav div to main:
Note: If changing from a six column layout to a smaller page type, reverse the HTML edits above (change the app log div to appLog, and change the content div to main).