| Description |
* Each menu should have the ability of creating at least 4 or more groups (columns) per row. Currently it's fixed at 3 columns only.
** I doubt we will go much further than 5 or 6 columns. So if you have to hard code a maximum I would go with 6, otherwise make it flexible to any number of columns we want.
* The menu layout should be thought of like a Grid table with rows and columns:
** Each row could have multiple columns (which we call Groups).
** As mentioned above, we would need to figure at least 6 columns or more to allow for possible future growth or changes.
** We need to be able to place a Group in any Cell (Row # or Column #)
** I am thinking each menu item will have a configuration to allow us to set it's row and column position. (Ex: Row 1, Column 5)
** For example, if a menu has 4 total groups, we may want 3 on the first row and 1 on the second row in column 1 like shown in the Table below.
*** We don't want to assume auto wrapping a column in the 4th position to the next row. Groups should be allowed to be placed anywhere we want.
**
|Group 1|Group 2|Group 3|(empty)|
|Group 4|(empty)|(empty)|(empty)|
* Each Group (column) should have a fixed width of 200px. Allow this number to be easily changed as I can see us needing to tweak this in the future.
** In fact, we may want to have this option per column and not globally for all columns.
* The spacing between each Group should be fixed at 35px. This should also be easily changed if needed in the future.
* The menu groups and spacing should not automatically scale or change width on different size monitors like it does currently. Everything is fixed based on the width and spacing we set no matter what the display size is.
* Below is a screen shot with more detailed descriptions on how this should work.
!pastedImage_d79728_0.png!
|