==Modifying the Portal== You can make modifications to the #REDIRECT [[Portal|portal]] view through the use of the '''Portal Design''' feature. 1. While logged in as a [[system administrator]], click on the [[Roles & Permissions]] link.<br>2. Click on the hyperlink for "User Roles." <br>3. Click the "Portal" button for the role whose portal you would like to edit.<br>:* The wrench icon ([[Image:Wrenchicon.png|link=]]) will be displayed to the left of the Portal button for portals that have already been configured.<BR>4. Click on the '''Portal Design''' tab. The '''Portal Design''' window is displayed. There are two styles of portal designs: Classic and Contemporary. ==Classic Portal Design== [[Image:PortalDesign-Classic.png|link=]] * '''Priority''' – defines the priority of this [[Portal|portal]], if the [[User|user]] has more than one portal [[Role|role]] - 0 being the highest priority.* '''Style''' - toggles between Classic and Contemporary portal design.* '''Width''' - determines the overall width of the portal.* '''Show Text''' – displays the name of the icon in the left panel.* '''Side Bar Width''' – the width in pixels of the left panel.* '''Side Bar Icons''' – the icon size for the left panel. Choose from small, medium and large.* '''Dividing Bar Width''' – the width in pixels of the dividing line, between the left panel and the main panel.* '''Header Height''' - the height in pixels of the header section of the portal.* '''Footer Height''' - the height in pixels of the footer section of the portal.* '''Orientation''' - Choose between "Align Left," "Align Centre" and "Align Right."* '''Shortcut Variables''' - provides the ability to add shortcut variables to custom portals using HTML formatting. * '''Header''' – HTML content of the top panel.* '''Left Menu''' – HMTL content of the left panel.* '''Body''' – HTML content of the body of the portal.* '''Footer''' - HTML content of the bottom panel. The following is an example of a Classic Portal Design:<br>[[Image:Menu6.png|link=]] ==Contemporary Portal Design== [[Image:PortalDesign-Contemporary.png|link=]] * '''Priority''' – defines the priority of this [[Portal|portal]], if the [[User|user]] has more than one portal [[Role|role]] - 0 being the highest priority.* '''Style''' - toggles between Classic and Contemporary portal design.* '''Width''' - determines the overall width of the portal. * '''Header''' – HTML content of the top panel.* '''Body Introduction''' - This section allows portal designers to add instructions, [[Report Variables|report statistics]] and [[System Variables]] above the user's portal on the home page.* '''Body''' – HTML content of the body of the portal.* '''Footer''' - HTML content of the bottom panel. The following is an example of a Contemporary Portal Design: [[Image:New-portal-interface.jpg|link=]] <pre style="white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;">SmartSimple provides a one day course for HTML designers wishing to learn more about the capabilities of the portal design.</pre> ==See Also==* [[Creating a Portal Interface]] [[Category:InterfacePortals]]