Control Bar Big Buttons

Revision as of 21:41, 15 July 2015 by Philip Lacey (talk | contribs) (For System Administrators)
Revision as of 21:41, 15 July 2015 by Philip Lacey (talk | contribs) (For System Administrators)

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
Sample main menu.png Sample main menu bigbuttons.png


3 Building a Button

All of the building and managing is done in the Control Bar module. 056.png


Main Menu > Control Bar > Personal Links > My Big Buttons >


Controlbar bigbuttons 001.png


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


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.


4 Sample button outlines

Blue Red Green Purple Grey
File:controlbarbig 00001.png File:controlbarbig 00002.png File:controlbarbig 00003.png File:controlbarbig 00004.png File:controlbarbig 00005.png
Outline Blue Code: 1 Outline Red Code: 2 Outline Green Code: 3 Outline Purple Code: 4 Outline GreyCode: 5
File:controlbarbig 00011.png File:controlbarbig 00012.png File:controlbarbig 00013.png File:controlbarbig 00014.png File:controlbarbig 00015.png
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
File:controlbarbig 00021.png File:controlbarbig 00022.png File:controlbarbig 00023.png File:controlbarbig 00024.png File:controlbarbig 00025.png
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
File:controlbarbig 00031.png File:controlbarbig 00032.png File:controlbarbig 00033.png File:controlbarbig 00034.png File:controlbarbig 00035.png
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


5 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.