Revision as of 21:14, 15 July 2015

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.

Before	After

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

@@ Line 9: / Line 9: @@
 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:500px; text-align:left;" | Before
+! scope="col" style="width:500px; text-align:left;" | After
+|-
+| [[File:Sample_main_menu.png|500px]]
+| [[File:Sample_main_menu_bigbuttons.png|500px]]
+|}