Difference between revisions of "Interface Bars"
From All n One's bxp software Wixi
Philip Lacey (talk | contribs) |
Philip Lacey (talk | contribs) (→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 === | ||
| − | |||
{| class="wikitable" | {| class="wikitable" | ||
! style="width:50px;" | Number | ! style="width:50px;" | Number | ||
! style="width:150px;" | Title | ! style="width:150px;" | Title | ||
| − | ! style="width: | + | ! 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 | ||
|- | |- | ||
| − | | | + | | 31 || I Want To Control Bar || || file:menu_bar_000.png|400px |
|- | |- | ||
| − | | | + | | 34 || Win8 Style Icon Bar || || file:menu_bar_000.png|400px |
|- | |- | ||
| − | | | + | | 35 || Hides the breadcrumb || || file:menu_bar_000.png|400px |
|- | |- | ||
| − | | | + | | 38 || Control Bar Big buttons || [[Control_Bar_Big_Buttons]] || file:menu_bar_000.png|400px |
|- | |- | ||
| − | |||
|} | |} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| Line 79: | Line 107: | ||
| − | + | {| class="wikitable" | |
| − | + | ! style="width:50px;" | Number | |
| − | + | ! style="width:150px;" | Title | |
| − | + | ! 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 === | ||
| − | + | ||
| − | + | ||
| − | + | {| class="wikitable" | |
| − | + | ! style="width:50px;" | Number | |
| − | + | ! style="width:150px;" | Title | |
| − | + | ! style="width:200px;" | Description | |
| − | + | ! 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: | ||
| − | + | {| class="wikitable" | |
| − | + | ! style="width:50px;" | Number | |
| − | + | ! style="width:150px;" | Title | |
| − | + | ! style="width:200px;" | Description | |
| − | + | ! style="width:400px;" | Image | |
| − | + | |- | |
| − | + | | 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
Contents
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
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 |
| 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 |
| 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