{"id":6322,"date":"2020-05-12T14:00:00","date_gmt":"2020-05-12T14:00:00","guid":{"rendered":"https:\/\/www.samlogic.net\/blog\/?p=6322"},"modified":"2020-05-14T10:44:45","modified_gmt":"2020-05-14T10:44:45","slug":"how-to-handle-menu-interfaces-with-many-buttons","status":"publish","type":"post","link":"https:\/\/www.samlogic.net\/blog\/2020\/05\/how-to-handle-menu-interfaces-with-many-buttons\/","title":{"rendered":"How to handle menu interfaces with many buttons"},"content":{"rendered":"

\"\"With the CD-Menu Creator<\/a> menu designer tool you can create a graphical menu interface that contains more than 40 buttons in one menu window. This allows your customer to open many documents, applications or sub menus from the same menu page, but sometimes it can be difficult to make all buttons fit in one menu window in a proper way. Luckily there are some tricks that you can use and we will explain them below:<\/p>\n

1. Place the buttons in 2, 3 or more columns<\/strong><\/span>
\nWith CD-Menu Creator you can create a menu interface where the buttons are placed in columns. You can place them in 2, 3 or more columns. The picture below shows how it may look like with 2 columns of buttons:<\/p>\n

\"Menu<\/p>\n

Information about how to arrange the buttons in columns is available in this tip:
\n><\/span><\/strong> Tip: How to create a menu interface with 2 or 3 columns with buttons<\/a><\/p>\n

2. Use clickable links instead of framed buttons<\/strong><\/span>
\nAnother solution is to use clickable links instead of framed buttons. Links takes less space than buttons. The picture below shows how it may look like:<\/p>\n

\"Menu<\/p>\n

To use clickable links in a menu, choose the Text only<\/strong> option in the Style<\/strong> combo box in the Buttons<\/strong> tab in CD-Menu Creator.<\/p>\n

3. Shrink button height and distance between buttons<\/strong><\/span>
\nYou can also change the height of the buttons, so they take less vertical space. The vertical distance between buttons can also be reduced, so they are placed more close to each other.<\/p>\n

\"Menu<\/p>\n

The height of the buttons in a menu can be changed in the Height<\/strong> text box in the Buttons<\/strong> tab in the CD-Menu Creator editor. Information about how to shrink the distance between buttons is available in this tip:
\n><\/span><\/strong> Tip: How to adjust the button’s position in the menu window<\/a><\/p>\n

But what to do if you need even more buttons?<\/strong><\/span>
\nSometimes one menu window is not enough – no matter how you arrange the buttons. The solution then is to split the buttons (or clickable links) in two or more menu pages; for example a main menu and couple of sub menus. Luckily there is an easy way to do this, and the following tip shows how:
\n><\/span><\/strong> Tip: How to create multiple menus – Two levels of menus<\/a><\/p>\n

Bonus tip: Create button groups with titles<\/strong><\/span>
\nIf there are some free space available in a menu, it can be a good idea to group the buttons in a logical way and add titles to the groups. This will make it easier for a user to locate a specific button. You can read more about button groups and group titles below:
\n><\/span><\/strong> CD-Menu Creator: You can now create button groups with titles<\/a>
\n><\/span><\/strong> Tip: How to create button groups with titles<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

With the CD-Menu Creator menu designer tool you can create a graphical menu interface that contains more than 40 buttons in one menu window. This allows your customer to open many documents, applications or sub menus from the same menu page, but sometimes it can be difficult to make all buttons fit in one menu … <\/p>\n

Continue reading “How to handle menu interfaces with many buttons”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[],"_links":{"self":[{"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/posts\/6322"}],"collection":[{"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/comments?post=6322"}],"version-history":[{"count":79,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/posts\/6322\/revisions"}],"predecessor-version":[{"id":6402,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/posts\/6322\/revisions\/6402"}],"wp:attachment":[{"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/media?parent=6322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/categories?post=6322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/tags?post=6322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}