Difference between revisions of "Interface Bars"

From All n One's bxp software Wixi

Jump to: navigation, search
(Interface bars - General)
Line 41: Line 41:
  
  
 +
=== General Header Bars ===
  
  
 +
{| class="wikitable"
 +
! style="width:50px;" | Number
 +
! style="width:150px;" | Title
 +
! style="width:200px;" | Description
 +
! style="width:400px;" | Image
 +
|-
 +
| 0 || Logo Bar || || file:menu_bar_000.png|400px
 +
|-
 +
| 1 || Banner Bar || || file:menu_bar_000.png|400px
 +
|-
 +
| 8 || Boundary Top || ||  file:menu_bar_000.png|400px
 +
|-
 +
| 15 || Turns off logout and username display ||  ||  file:menu_bar_000.png|400px
 +
|-
 +
| 21 || Title bar with no links || Control bar without links or buttons ||  file:menu_bar_000.png|400px
 +
|-
 +
| 22 || Boundary Top - Clear || A clear top bar with the username and logout but is transparent ||  file:menu_bar_000.png|400px
 +
|-
 +
| 32 || Logout Button ||  || file:menu_bar_000.png|400px
 +
|-
 +
| 33 || Custom Page Banner ||  || file:menu_bar_000.png|400px
 +
|}
 +
 +
 +
 +
=== General Navigation Bars ===
  
=== General Header Bars ===
 
  
 
{| class="wikitable"
 
{| class="wikitable"
 
! style="width:50px;" | Number
 
! style="width:50px;" | Number
 
! style="width:150px;" | Title
 
! style="width:150px;" | Title
! style="width:600px;" | Image
+
! style="width:200px;" | Description
 
+
! style="width:400px;" | Image
 +
|-
 +
| 2 || Control Bar || || file:menu_bar_000.png|400px
 +
|-
 +
| 3 || Navigation Bar || || file:menu_bar_000.png|400px
 +
|-
 +
| 10 || Compressed menu bar || || file:menu_bar_000.png|400px
 +
|-
 +
| 12 || IconGrid || || file:menu_bar_000.png|400px
 +
|-
 +
| 13 || IconBar || Apple style bar for the modules you have access to. || file:menu_bar_000.png|400px
 +
|-
 +
| 14 || Icon Control Bar || Larger button options customised for specific tasks. || file:menu_bar_000.png|400px
 +
|-
 +
| 19 || I Want To || A horizontal bar with the primary I Want To functionality || file:menu_bar_000.png|400px
 
|-
 
|-
| 0 || Logo Bar || file:menu_bar_000.png|600px
+
| 31 || I Want To Control Bar || || file:menu_bar_000.png|400px
 
|-
 
|-
| 1 || Banner Bar || file:menu_bar_000.png|600px
+
| 34 || Win8 Style Icon Bar || || file:menu_bar_000.png|400px
 
|-
 
|-
| 2 || Control Bar || file:menu_bar_000.png|600px
+
| 35 || Hides the breadcrumb || || file:menu_bar_000.png|400px
 
|-
 
|-
| 3 || Navigation Bar || file:menu_bar_000.png|600px
+
| 38 || Control Bar Big buttons || [[Control_Bar_Big_Buttons]] || file:menu_bar_000.png|400px
 
|-
 
|-
| 8 || Boundary Top ||  file:menu_bar_000.png|600px
 
 
|}
 
|}
 
* 11 = Voting Bar
 
* 14 = Icon Control Bar.  Larger button options customised for specific tasks.
 
* 15 = Turns off logout and username display
 
* 21 = Title bar with no links( control bar without links or buttons).
 
* 22 = Boundary Top - Clear.  A clear top bar with the username and logout but is transparent
 
* 25 = Custom HTML Header.  Any amount of custom HTML added through the System Access Management > System Settings module
 
* 28 = Start Here bar. [[Interface_Bars_-_Start_Here]]
 
* 35 = Hides the breadcrumb
 
* 38 = Control Bar Big buttons [[Control_Bar_Big_Buttons]]
 
* 39 = Appointment diary current day view
 
  
  
Line 79: Line 107:
  
  
* 4 = Content
+
{| class="wikitable"
* 10 = Compressed menu bar
+
! style="width:50px;" | Number
* 23 = eCourse AssetUsed with a - notation allows an eCourse asset to be drawn.  so 23-123 will draw asset 123
+
! style="width:150px;" | Title
* 24 = eCourse SearchProvides a large centred search button which can be heavily stylised as required.
+
! style="width:200px;" | Description
 +
! style="width:400px;" | Image
 +
|-
 +
| 4 || Content || The primary body of the page || file:menu_bar_000.png|400px
 +
|-
 +
| 11 || Voting Bar || || file:menu_bar_000.png|400px
 +
|-
 +
| 23 || eCourse Asset || Used with a - notation allows an eCourse asset to be drawn.  so 23-123 will draw asset 123 || file:menu_bar_000.png|400px
 +
|-
 +
| 24 || eCourse Search || Provides a large centred search button which can be heavily stylised as required. || file:menu_bar_000.png|400px
 +
|-
 +
| 25 || Custom HTML Header || Any amount of custom HTML added through the System Access Management > System Settings module || file:menu_bar_000.png|400px
 +
|-
 +
| 26 || Custom HTML Footer ||  Any amount of custom HTML added through the System Access Management > System Settings module || file:menu_bar_000.png|400px
 +
|-
 +
| 27 || No Security Forms ||  For forms that are public to all users to fill in. || file:menu_bar_000.png|400px
 +
|-
 +
| 37 || Did You Know ||  Useful facts and tips about bxp. || file:menu_bar_000.png|400px
 +
|-
 +
| 39 || Appointment diary current day view || || file:menu_bar_000.png|400px
 +
|-
 +
|}
  
  
  
 
=== General Footer Bars ===
 
=== General Footer Bars ===
* 5 = Footer Bar
+
 
* 6 = Standards Bar
+
 
* 9 = Boundary Bottom
+
{| class="wikitable"
* 13 = IconBar.  Apple style bar for the modules you have access to.
+
! style="width:50px;" | Number
* 19 = I Want To.  A horizontal bar with the primary I Want To functionality
+
! style="width:150px;" | Title
* 26 = Custom HTML Footer. Any amount of custom HTML added through the System Access Management > System Settings module
+
! style="width:200px;" | Description
* 29 = Demonstration Support Bar. This bar is primarily used in the demonstration of bxp. For more info [[Demonstration]]
+
! style="width:400px;" | Image
 +
|-
 +
| 5 || Footer Bar || || file:menu_bar_000.png|400px
 +
|-
 +
| 6 || Standards Bar || || file:menu_bar_000.png|400px
 +
|-
 +
| 9 || Boundary Bottom || || file:menu_bar_000.png|400px
 +
|-
 +
|}
 +
 
 +
 
  
 
== Interface bars - Page Specific usage ==
 
== Interface bars - Page Specific usage ==
Line 101: Line 160:
  
  
* 7 = Power Bar (these are only available on the main menu)
+
{| class="wikitable"
* 12 = IconGrid
+
! style="width:50px;" | Number
* 16 = Work list tool barWork list is only available for the main menu.  Multiple work lists accepted.  Format 16-x, where x is the Id of the worklist.
+
! style="width:150px;" | Title
* 17 = Turn off main menuMust be used in the Main Menu, before the 4 bar.
+
! style="width:200px;" | Description
* 18 = Information CentreFull width information centre message bar.
+
! style="width:400px;" | Image
* 20 = Appointment DiaryShows a calendar when the user first logs in.
+
|-
* 27 = No Security Forms.  For forms that are public to all users to fill in.
+
| 7 ||  Power Bar (these are only available on the main menu) || file:menu_bar_000.png|400px
 +
|-
 +
| 16 || Work list tool bar ||Work list is only available for the main menu.  Multiple work lists accepted.  Format 16-x, where x is the Id of the worklist || file:menu_bar_000.png|400px
 +
|-
 +
| 17 ||  Turn off main menu || Must be used in the Main Menu, before the 4 bar || file:menu_bar_000.png|400px
 +
|-
 +
| 18 || Information Centre || Full width information centre message bar || file:menu_bar_000.png|400px
 +
|-
 +
| 20 || Appointment Diary || Shows a calendar when the user first logs in || file:menu_bar_000.png|400px
 +
|-
 +
|}
 +
 
 +
 
 +
 
 +
=== Demo System Bars ===
 +
 
 +
 
 +
{| class="wikitable"
 +
! style="width:50px;" | Number
 +
! style="width:150px;" | Title
 +
! style="width:200px;" | Description
 +
! style="width:400px;" | Image
 +
|-
 +
| 28 || Demo Engine Main Menu || A custom main menu for the demo system [[Interface_Bars_-_Start_Here]] || file:menu_bar_000.png|400px
 +
|-
 +
| 29 || Demonstration Support Bar || This bar is primarily used in the demonstration of bxp.  For more info [[Demonstration]] || file:menu_bar_000.png|400px
 +
|-
 +
|}
  
  

Revision as of 17:09, 16 January 2016

1 Overview

Interface bars are horizontal elements which can be turned on and off on every page. These allow for structural customisation of systems.


A detailed description of how the bxp interface is constructed can be found from the whitepaper on the subject. File:Whitepaper - We are BEautiful v1-0.pdf


2 Archetypes

There are four page types within BE

  • Login
  • Main Menu
  • Section Menu
  • Page


On each of these pages can be a number of combinations of bars. Each bar has a unique number. The key number is 4. 4 is the content bar for that page. 4 MUST appear in the listing.


3 Interface bars - General

3.1 Editing the Bars

To setup or change these options go to system settings in System Access Management.

Main Menu > System Access Management > System Management > System Settings


PrimaryInterfaceOptions 002.png


This will change them at a system level. It is also possible to change them on a user by user basis.


3.1.1 General Header Bars

Number Title Description Image
0 Logo Bar 400px
1 Banner Bar 400px
8 Boundary Top 400px
15 Turns off logout and username display 400px
21 Title bar with no links Control bar without links or buttons 400px
22 Boundary Top - Clear A clear top bar with the username and logout but is transparent 400px
32 Logout Button 400px
33 Custom Page Banner 400px


3.1.2 General Navigation Bars

Number Title Description Image
2 Control Bar 400px
3 Navigation Bar 400px
10 Compressed menu bar 400px
12 IconGrid 400px
13 IconBar Apple style bar for the modules you have access to. 400px
14 Icon Control Bar Larger button options customised for specific tasks. 400px
19 I Want To A horizontal bar with the primary I Want To functionality 400px
31 I Want To Control Bar 400px
34 Win8 Style Icon Bar 400px
35 Hides the breadcrumb 400px
38 Control Bar Big buttons Control_Bar_Big_Buttons 400px


3.1.3 General Content Bars

Number Title Description Image
4 Content The primary body of the page 400px
11 Voting Bar 400px
23 eCourse Asset Used with a - notation allows an eCourse asset to be drawn. so 23-123 will draw asset 123 400px
24 eCourse Search Provides a large centred search button which can be heavily stylised as required. 400px
25 Custom HTML Header Any amount of custom HTML added through the System Access Management > System Settings module 400px
26 Custom HTML Footer Any amount of custom HTML added through the System Access Management > System Settings module 400px
27 No Security Forms For forms that are public to all users to fill in. 400px
37 Did You Know Useful facts and tips about bxp. 400px
39 Appointment diary current day view 400px


3.1.4 General Footer Bars

Number Title Description Image
5 Footer Bar 400px
6 Standards Bar 400px
9 Boundary Bottom 400px


3.2 Interface bars - Page Specific usage

3.2.1 General Main Menu Bars

Number Title Description Image
7 Power Bar (these are only available on the main menu) 400px
16 Work list tool bar Work list is only available for the main menu. Multiple work lists accepted. Format 16-x, where x is the Id of the worklist 400px
17 Turn off main menu Must be used in the Main Menu, before the 4 bar 400px
18 Information Centre Full width information centre message bar 400px
20 Appointment Diary Shows a calendar when the user first logs in 400px


3.2.2 Demo System Bars

Number Title Description Image
28 Demo Engine Main Menu A custom main menu for the demo system Interface_Bars_-_Start_Here 400px
29 Demonstration Support Bar This bar is primarily used in the demonstration of bxp. For more info Demonstration 400px


3.3 Prevented Usage

On certain page types, certain interface bars cannot be used and will be actively stopped by the system.

Login 3, 7, 11, 12, 13, 14, 19
Main Menu 3
Section Menu 7
Page 7


3.4 PreBuilt Combinations

3.4.1 bxp software Release 7

The defaults for the system are as follows.

Login 0,1,4,5,6,9
Main Menu 0,1,2,3,7,4,5,9
Section Menu 0,1,3,4,5,9
Page 0,1,3,4,5,9


3.4.2 bxp software Release 8

The defaults for the system are as follows.

Login 25,4,5,26
Main Menu 17,22,25,2,7,4,18,13,19,5,26
Section Menu 22,25,4,13,19,5,26
Page 22,25,4,13,19,5,26


3.4.3 bxp software Release 9

The defaults for the system are as follows.

Login 25,4,5,26
Main Menu 17,22,25,2,7,37,4,18,13,19,5,26
Section Menu 22,25,4,13,19,5,26
Page 22,25,4,13,19,5,26


3.4.4 Common Combinations

To try out a different combo for yourself, edit your system settings and use the following combo in each of the boxes

  • 8,11,3,4,5,9


Another combo to remove bread crumbs and logout option

  • 15,11,4,5,13,9