Difference between revisions of "Control Bar Big Buttons"
From All n One's bxp software Wixi
Philip Lacey (talk | contribs) (→Example Main Menu) |
Philip Lacey (talk | contribs) (→Sample button outlines) |
||
| Line 84: | Line 84: | ||
! scope="col" style="width:180px; text-align:left;" | Grey | ! scope="col" style="width:180px; text-align:left;" | Grey | ||
|- | |- | ||
| − | | [[File: | + | | [[File:Controlbarbig_00001.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00002.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00003.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00004.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00005.png]] |
|- | |- | ||
| Outline Blue Code: 1 | | Outline Blue Code: 1 | ||
| Line 96: | Line 96: | ||
| Outline GreyCode: 5 | | Outline GreyCode: 5 | ||
|- | |- | ||
| − | | [[File: | + | | [[File:Controlbarbig_00011.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00012.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00013.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00014.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00015.png]] |
|- | |- | ||
| Light Fill Blue Code: 11 | | Light Fill Blue Code: 11 | ||
| Line 108: | Line 108: | ||
| Light Fill Grey Code: 15 | | Light Fill Grey Code: 15 | ||
|- | |- | ||
| − | | [[File: | + | | [[File:Controlbarbig_00021.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00022.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00023.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00024.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00025.png]] |
|- | |- | ||
| Dark Fill Blue Code: 21 | | Dark Fill Blue Code: 21 | ||
| Line 120: | Line 120: | ||
| Dark Fill Grey Code: 25 | | Dark Fill Grey Code: 25 | ||
|- | |- | ||
| − | | [[File: | + | | [[File:Controlbarbig_00031.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00032.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00033.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00034.png]] |
| − | | [[File: | + | | [[File:Controlbarbig_00035.png]] |
|- | |- | ||
| Hairline Outline Blue Code: 31 | | Hairline Outline Blue Code: 31 | ||
| Line 132: | Line 132: | ||
| Hairline Outline Grey Code: 35 | | Hairline Outline Grey Code: 35 | ||
|} | |} | ||
| − | |||
| − | |||
= For System Administrators = | = For System Administrators = | ||
Revision as of 10:08, 7 January 2016
Contents
1 Introduction
When you log into a system it can often be useful to optimise your experience by putting links to the most common tools you would use.
For a number of years, the All n One team have been developing Big Button solutions for Main Menus and will continue to do so.
In order to facilitate clients being able to create usable similar replicas, we have implemented the Big Button engine.
2 Example Main Menu
| Before | After |
|---|---|
|
|
3 Building a Button
All of the building and managing is done in the Control Bar module. 
Main Menu > Control Bar > Personal Links > My Big Buttons >
To make a button:
- Name: Type the name of your button. This is the button label. You're limited to 9 characters as this ensures all your text fits on the button.
- Image: Allows you to specify a custom image. Alternately you can use a pre-designed button. Just type in a numeric code, e.g. 11 and the system will translate the image.
- URL: The URL the page will go to when you click the button.
Try a simple example for yourself
- Name: Google
- Image: 11
- URL: http://www.google.ie
Click the "Add New" button. The box below will update and show you a sample of your Big Button bar.
Click one of the buttons below to edit it. Just remember to click "Edit Values" to save your changes.
You have a maximum of 15 buttons in total. The system will sensibly swap buttons around between 4 per row and 5 per row automatically to use the most space possible.
N.B. If the bars are not appearing on the Main Menu, check the important note below.
4 Moving buttons
If you want you can edit any button at any time. In Main Menu > Control Bar > Personal Links > My Big Buttons > click the button you want to change and all the details will appear in the fields above. Update the details as needed and click "Edit Button". This will change the button without any need to "Add" or "Delete" buttons.
Please note that the code for the images below will be translated into the full address of the image. e.g. 31 becomes 
5 Sample button outlines
| Blue | Red | Green | Purple | Grey |
|---|---|---|---|---|
|
|
|
|
|
| Outline Blue Code: 1 | Outline Red Code: 2 | Outline Green Code: 3 | Outline Purple Code: 4 | Outline GreyCode: 5 |
|
|
|
|
|
| Light Fill Blue Code: 11 | Light Fill Red Code: 12 | Light Fill Green Code: 13 | Light Fill Purple Code: 14 | Light Fill Grey Code: 15 |
|
|
|
|
|
| Dark Fill Blue Code: 21 | Dark Fill Red Code: 22 | Dark Fill Green Code: 23 | Dark Fill Purple Code: 24 | Dark Fill Grey Code: 25 |
|
|
|
|
|
| Hairline Outline Blue Code: 31 | Hairline Outline Red Code: 32 | Hairline Outline Green Code: 33 | Hairline Outline Purple Code: 34 | Hairline Outline Grey Code: 35 |
6 For System Administrators
If you look at the source of the Big Buttons editing page and find "strButtons" you will see the string that is used to create the buttons.
- [ [ #SEP# ] ] separates the values
- [ [ #BUTTON# ] ] separates the buttons
You can mass apply a set of buttons to a group of users using
Main Menu > System Access Management > System Management > Group User - Modify Details > Search for the Users >
From the top "Please select a value type to update" choose "Big Buttons"
In the text box "Please paste in the Big Button string to be used." paste in the strButtons string you captured above. In this way you can mass set peoples buttons for them.
N.B. This will overwrite any buttons they've created for themselves.
7 Important note for those with custom configs
The Big Buttons bar is an interface bar. Interface_Bars Specifically it is bar 38.
IF you have a custom setup for your main menu,
- set on your account Main Menu > Bottom of the Screen > My Details > Interface Options > Main Menu
- set on your system Main Menu > System Access Management > System Management > System Settings > User Interface > Main Menu
then you will need to add bar 38 to the list. e.g. if your config is 22,25,2,17,37,4,18,13,19,5 add bar 38 just before the 4 to make 22,25,2,17,37,38,4,18,13,19,5
