How To: Alternate Service Catalog with Layout Options

Overview

When you Install version 3.3 of the portal the alternate Home Page will be added your navigation as an invisible node. Go to the Navigation Settings from your user menu (in the header). Select the disabled "Home (Alternate)" node and toggle the visibility to enable it. You can rename it and hide the current Home page from the Navigation Admin as well.

To have the new alternate home page be the default end user page change the EndUserHomePage setting as follows:  in v3.5 or lower:  in web.config, in v3.6 in the SettingsItem table in the ServiceManagement database (details), in v3.7+ in the new admin settings UI. 

 

To apply one of the Alternate Options Below, copy the css code into your CustomSpace/custom.css file.

Single Column List, Small Icon, & No Description

.sc-item { width: 100% !important; } .sc-item-body { height: auto !important; } .sc-item-image { width: 30px !important; height: 30px !important; } .sc-item-desc { display:none !important; } 

Multi Column List, Small Icon, & No Description

.sc-item { height: 40px !important; } .sc-item-image { width: 30px !important; height: 30px !important; } .sc-item-desc { display:none !important; } 

Single Column List

.sc-item { width: 100% !important; } .sc-item-body { height: auto !important; } @media (max-width: 529px) { .sc-item-desc { display: block !important; } } 

Large Icon Stacked Title/Desc

.sc-item .pull-left { float: none !important; margin-right: 0 !important; } .sc-item { width: 150px !important; } .sc-item-image { width: 125px !important; height: 125px !important; } @media (max-width: 529px) { .sc-item-image { width: 125px !important; height: 125px !important; } } /*Extra Room for Desc*/ .sc-item-body { height: 125px !important; } /*No Desc*/ /* .sc-item-desc { display:none !important; } .sc-item-body { height: 60px !important; } */ 

Extra Large Icon Stacked Title/Desc

.sc-item .pull-left { float: none !important; margin-right: 0 !important; } .sc-item { width: 250px !important; } .sc-item-image { width: 225px !important; height: 225px !important; } @media (max-width: 529px) { .sc-item-image { width: 225px !important; height: 225px !important; } } /*No Desc*/ /* .sc-item-desc { display:none !important; } .sc-item-body { height: 60px !important; } */