Difference between revisions of "Portal design"

From SmartWiki
Jump to: navigation, search
(Redirected page to Portals)
 
(19 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
+
#REDIRECT [[Portals]]
=Portal Options=
 
 
 
SmartSimple provides 3 main portal interface options. These are discussed below.
 
 
 
==Classic Portal Design==
 
 
 
[[Image:PortalDesignClassic.png|link=|900px]]
 
 
* '''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.
 
* '''Portal Title''' - overall title for the portal
 
* '''Width''' - determines the overall width of the portal.
 
* '''Left Menu Icon 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.
 
 
 
* '''Template: Header''' – HTML content of the top panel.
 
* '''Template: Left Menu''' – HMTL content of the left panel.
 
* '''Template: 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.
 
* '''Template: Body''' – HTML content of the body of the portal.
 
* '''Template: 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:PortalDesignContemporary.png|link=|900px|border]]
 
 
* '''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.
 
* '''Portal Title''' - overall title for the portal
 
 
 
* '''Template: Header''' – HTML content of the top panel.
 
* '''Template: 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.
 
* '''Template: Body''' – HTML content of the body of the portal. Can include [[Report Variables|report statistics]] and [[System Variables]]. If content is entered into the Body, it will replace all of the Body, including the Body Introduction.
 
* '''Template: Footer''' - HTML content of the bottom panel. Can include [[Report Variables|report statistics]] and [[System Variables]].
 
 
 
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>-->
 
 
 
 
 
==Arcadia Portal Design==
 
 
 
[[Image:PortalDesignArcadiaX.png|link=|900px]]
 
 
* '''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.
 
* '''Icon Size''' - size of any shrtcut icons displayed on portal
 
 
 
 
 
=Configuring Portals=
 
 
 
==Modifying the Portal==
 
 
 
You can make modifications to the [[Portal|portal]] view through the use of the '''Portal Design''' feature.
 
 
 
1. While logged in as a [[system administrator]], click on the [[Roles and Security Settings]] link.<br>
 
2. Click on the hyperlink for "User Roles." <br>
 
3. Click on the Edit option for the "User Roles" you wish to configure the portal against.<br>
 
4. Click the "Portal" tab. The '''Portal''' window is displayed.
 
5. Select from the three styles of portal designs available:
 
* Arcadia X
 
* Classic
 
* Contemporary
 
 
 
6. Click Save.
 
 
 
For Classic and Contemporary Portals you will need to configure Shortcuts.
 
 
 
For Arcadia Interface you will need to go to the [[Arcadia X - Building a Role Based Portal|Arcadia tab]].
 
 
 
 
 
==Shortcuts ==
 
 
 
If the Portal design is either Classic or Contemporary then the selected shortcuts are displayed in the main panel of the window and also displayed as icons in the left navigation pane.
 
 
 
If the Portal design is Arcadia X then the selected shortcuts will be dependent on the configuration of the [[Arcadia X - Building a Role Based Portal|Action tabs]].
 
 
 
 
 
==Creating Shortcuts ==
 
 
 
1. Click the [[Configuration Menu|Configuration]], [[Roles and Security Settings]] link.
 
 
 
2. Click on the hyperlink for "User Roles." <br>
 
 
 
3. Click on the Edit option for the relevant role or '''New Role''' if creating a new user role.<br>
 
 
 
4. Click the "Shortcut" tab.<br>
 
 
 
5. New Shortcuts are added using the right panel of the window, and are listed on the left side of the window once created.
 
 
 
6. The following tabs are displayed at the top of the Shortcuts window:
 
* '''New Shortcut''' – clears the shortcut displayed in the top of the window, and starts a new shortcut.
 
* '''Import''' – imports the shortcuts from a portal you have previously created.
 
* '''Export''' – exports the shortcuts so you can create another portal for a different role.
 
* '''Re-Order''' – re-order shortcuts.
 
 
 
7. If you wish to edit an existing shortcut, click on the name and it will be displayed in the panel on the right.
 
 
 
8. The following controls are displayed in the panel on the right.
 
* '''Name''' – the name you want to display to the right of the shortcut icon.
 
* '''Description''' – the description you want to display below the shortcut icon.
 
* '''Category''' – the category that the shortcut should be grouped under.
 
* '''Order''' – the display order of the icons in the [[Portal|portal]].  Icons are displayed left to right and top to bottom.
 
* '''Style''' - either '''Icon''' or '''Aggregate'''
 
 
 
 
 
The '''Icon''' option is the traditional icon based shortcut associated with the Classic and Contemporary portal designs. The following settings are associated with this style:
 
* '''Icon Type''' – the type of icons you wish to use. Click on the ''Show'' button to choose the icon from a selection page.
 
* '''Icon''' – the specific icon taken from the icon type.
 
* [[URL]] – the link to the item. See also [[Report URL|Determining the URL of a report]].
 
* '''Visibility Condition. ''' - allows you to use conditional logic to determine whether or not this icon is visible
 
::''See [[Visibility Condition]] for examples''
 
 
 
 
 
The '''Aggregate''' option is designed for the Arcadia X interface and will only work properly if the [[Classic Interface Options|Use Classic Shortcut Panel]] setting is switch off.
 
 
 
It allows configuration of a shortcut to a list view. The  shortcut would display an aggregate calculated from the list view (eg. sum, count, avg) and can link to access the actual list view. The following settings are associated with this style:
 
* '''System List View''' – select List View that will be used for Aggregate section.
 
* '''Aggregation Column''' – select column in List View that will be used in calculating aggregate
 
* '''Aggregation Type''' – Sum, Count or Average
 
* '''Number Format''' – Comma, Currency, Abbreviation, None
 
* '''Precision''' – select precision option
 
* '''Link to list view''' – Aggregate will link to list view if clicked
 
* '''URL''' – Aggregate will link to URL if clicked
 
* '''Visibility Condition''' – allows you to use conditional logic to determine whether or not this icon is visible
 
 
 
 
 
There are four buttons displayed in the top panel:
 
* '''New Shortcut''' – create new shortcut.
 
* '''Import''' – import shortcuts as XML
 
* '''Export''' – export shortcuts as XML
 
* '''Re-order''' – reorder shortcuts
 
 
 
 
 
There are two buttons displayed in the bottom right hand panel:
 
* '''Save''' – save the shortcut.
 
* '''Clear''' – clear the current shortcut from the top panel.
 
 
 
Make sure you click the '''Clear''' button or '''New Shortcut''' tab when adding shortcuts; otherwise you may overwrite the same shortcut on the list.
 
 
 
 
=Appendix=
 
 
 
==Comparison between Menu and Portal Interfaces==
 
 
 
The following table outlines the key differences between the two interfaces.
 
{| border="1"
 
|'''Feature'''
 
|'''Administration'''
 
|'''Portal'''
 
|-
 
|Navigation
 
|Left Panel contains menu items
 
|Icons displayed in main panel and also optionally displayed in the left panel. Left panel icons can be suppressed.
 
|-
 
|Interface Title
 
|''Not applicable''
 
|Portal Title associated with the role is displayed next to the uploaded company image.
 
|-
 
|Home Button
 
|Left navigation below uploaded company image
 
|Top right of the window. Home button takes user back to Portal icons.
 
|-
 
|Logout button
 
|Left navigation below uploaded company image
 
|Top right of the window
 
|-
 
|Personal Settings Link
 
|Above uploaded company image
 
|Below uploaded company image
 
|}
 
 
 
 
 
==See Also==
 
* [[Creating a Portal Interface]]
 
 
 
[[Category:Interface]]
 

Latest revision as of 12:32, 21 June 2019

Redirect to: