Anonymous, bureaucrat, administrator
7,528
edits
Changes
no edit summary
For a number of years, the All n One team have been developing a My Big Button Buttons 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.
= Example Main Menu =
{| class="wikitable"
|-
! scope="col" style="width:500px400px; text-align:left;" | Before! scope="col" style="width:500px400px; text-align:left;" | After
|-
| [[File:Sample_main_menu.png|500px400px]]| [[File:Sample_main_menu_bigbuttons.png|500px400px]]
|}
= Building a Button =
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.
= 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 https://ww3.allnone.ie/images/controlbarbig/00031.png
{| class="wikitable"
|-
! scope="col" style="width:180px114px; text-align:left;" | Blue! scope="col" style="width:180px114px; text-align:left;" | Red! scope="col" style="width:180px114px; text-align:left;" | Green! scope="col" style="width:180px114px; text-align:left;" | Purple! scope="col" style="width:180px114px; text-align:left;" | Grey! scope="col" style="width:114px; text-align:left;" | Orange! scope="col" style="width:114px; text-align:left;" | Cyan
|-
| [[File:controlbarbig_00001Controlbarbig_00001.png|114px]]| [[File:controlbarbig_00002Controlbarbig_00002.png|114px]]| [[File:controlbarbig_00003Controlbarbig_00003.png|114px]]| [[File:controlbarbig_00004Controlbarbig_00004.png|114px]]| [[File:controlbarbig_00005Controlbarbig_00005.png|114px]]| [[File:00006.png|114px]]| [[File:00007.png|114px]]
|-
| Outline Blue Code: 1
| Outline Green Code: 3
| Outline Purple Code: 4
| Outline GreyCodeGrey Code: 5| Outline Orange Code: 6| Outline Cyan Code: 7
|-
| [[File:controlbarbig_00011Controlbarbig_00011.png|114px]]| [[File:controlbarbig_00012Controlbarbig_00012.png|114px]]| [[File:controlbarbig_00013Controlbarbig_00013.png|114px]]| [[File:controlbarbig_00014Controlbarbig_00014.png|114px]]| [[File:controlbarbig_00015Controlbarbig_00015.png|114px]]| [[File:00016.png|114px]]| [[File:00017.png|114px]]
|-
| Light Fill Blue Code: 11
| Light Fill Purple Code: 14
| Light Fill Grey Code: 15
| Light Fill Orange Code: 16
| Light Fill Cyan Code: 17
|-
| [[File:controlbarbig_00021Controlbarbig_00021.png|114px]]| [[File:controlbarbig_00022Controlbarbig_00022.png|114px]]| [[File:controlbarbig_00023Controlbarbig_00023.png|114px]]| [[File:controlbarbig_00024Controlbarbig_00024.png|114px]]| [[File:controlbarbig_00025Controlbarbig_00025.png|114px]]| [[File:00026.png|114px]]| [[File:00027.png|114px]]
|-
| Dark Fill Blue Code: 21
| Dark Fill Purple Code: 24
| Dark Fill Grey Code: 25
| Dark Fill Orange Code: 26
| Dark Fill Cyan Code: 27
|-
| [[File:controlbarbig_00031Controlbarbig_00031.png|114px]]| [[File:controlbarbig_00032Controlbarbig_00032.png|114px]]| [[File:controlbarbig_00033Controlbarbig_00033.png|114px]]| [[File:controlbarbig_00034Controlbarbig_00034.png|114px]]| [[File:controlbarbig_00035Controlbarbig_00035.png|114px]]| [[File:00036.png|114px]]| [[File:00037.png|114px]]
|-
| Hairline Outline Blue Code: 31
| Hairline Outline Purple Code: 34
| Hairline Outline Grey Code: 35
| Hairline Outline Orange Code: 36
| Hairline Outline Cyan Code: 37
|}
= 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
N.B. This will overwrite any buttons they've created for themselves.
= 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
= Copying Big Buttons To Another User Account =
Big buttons can be copied from one account to another.
This will override any big buttons the user currently has and will replace them with the big that the user being copied has.
''Main Menu >> Control Bar >> Security Management >> Copy a users Big Buttons''
[[File:BigButtons_Copy.png]]
Simply select the user to copy in the first box and the user to copy the buttons to in the second box.
Click ''Copy Big Buttons'' and the buttons will be copied to the user.
= Your Own Buttons =
If you would prefer to have your own customised buttons, then no problem at all.
The template file from which the backgrounds were made is available from [[File:Big_Buttons_Template_v1-1.pptx]]
The images 180px wide by 100 px tall. You upload your background button into your custom folder.
Take note of the full URL of the file you uploaded.
Go into your button and paste in the URL into the "Image" line
Hey presto, you're using your own customised buttons.
= Note about opening =
To facilitate a big button opening in the same tab rather than opening in a new window simply put an ! character at the start of the URL before the http / https.
The ! will be stripped and the system will redirect the button to open in the same window.