User Interface‎ > ‎

MenuBar and MenuItem

This example will show you how to create Horizontal and vertical Menu Bar and add Items to these menu bar.

References:
 
 

Example Code:
function doGet(e) {
  
var app = UiApp.createApplication();
  
  
//Create menu bar
  
//var menuBar = app.createMenuBar(true);// For vertical menuBar
  
var menuBar = app.createMenuBar();//For horizontal menubar
  
  
//Create a handler.. you can create separate handler for each menuItem
  
var handler = app.createServerHandler();
  
  
//top level menu items
  
var menuItem0 = app.createMenuItem('MenuItem0', handler);
  
var menuItem1 = app.createMenuItem('MenuItem1', handler);
  
var menuItem2 = app.createMenuItem('MenuItem2', handler);
  
var menuItem3 = app.createMenuItem('MenuItem3', handler);
  
  
//create menuItem separators
  
var separator0 = app.createMenuItemSeparator();
  
var separator1 = app.createMenuItemSeparator();
  
var separator2 = app.createMenuItemSeparator();
  
var separator3 = app.createMenuItemSeparator();
  
var separator4 = app.createMenuItemSeparator();
  
  
//Add the menu item separators and menuItem to the MenuBar
  menuBar
.addSeparator(separator0).addItem(menuItem0).addSeparator(separator1)
    
.addItem(menuItem1).addSeparator(separator2)
    
.addItem(menuItem2).addSeparator(separator3)
    
.addItem(menuItem3).addSeparator(separator4);
  
  app
.add(menuBar);
  
return app;
  
}
KeyWords:
Horizontal Menu Bar, Vertical Menu Bar, Menu bar using apps script, Google Apps Script Menu Bar
Comments