Hiding the portal header, footer, and application tree

Article
01/09/2013

Updated: April 8, 2010

Applies To: Unified Access Gateway

This topic describes how to customize the Forefront Unified Access Gateway (UAG) portal to show only the toolbar and application list, by hiding the portal header, footer, and application tree.

To hide the portal header, footer, and application tree

On the Forefront UAG server, open the folder Microsoft Forefront Unified Access Gateway\von\PortalHomePage\App_Themes\Office, and copy the Office.css file to the ...\PortalHomePage\App_Themes\CustomUpdate\Office folder.
In the ...\PortalHomePage\App_Themes\CustomUpdate\Office folder, open the Office.css file and make the following changes:
- To hide the header, replace the style of div#topStrip to display:none. Delete the remaining properties.
  
  To move the toolbar up and replace the hidden header, in the div#toolbar style, change the value of top to top:0.
  
  To move up the application list or the displayed application, in the div#content style, change the value of top to top:40.
```
div#topStrip
{
    display:none;
}

div#toolbar
{
    position: absolute;
    top: 0px;
    left: 0;
    height; 40px;
    width: 100%;
    min-width: 799px;
    z-index: 1000;
}

div#content
{
    margin-top: 10px;
    position: fixed;
    top: 40px;
    left: 0;
    bottom; 79px;
    width: 100%;
    height: 100%
    min-width: 799px;
}
```
- To hide the tree, replace the style of contentLeftSideBarCell to display:none. Delete the remaining properties.
```
.contentLeftSideBarCell
{
    display:none;
}
```
- To hide the footer, replace the style of div#footer to display:none. Delete the remaining properties.
```
div#footer
{
    display:none;
}
```
Save the file, and then reload the portal site from a client Web browser.

The portal shows only the toolbar and the application list.

Hiding the portal header, footer, and application tree

To hide the portal header, footer, and application tree

Additional resources