This example demonstrates how to create a Menu Button whose text label has a
fixed width. The behavior of this widget is similar to an HTML
<select> element in that its label hides any overflow
when updated to represent the selected menu item.
Begin by creating a Button instance of type "menu," wrapping its text label
<em> element so that it has a fixed width of
10em, and prevent the characters from exceeding this width by setting its
"overflow" property to "hidden."
Finally, add a
selectedMenuItemChange event handler to the
Button that will update its label when any item in the Menu is clicked.
Note: You are viewing this example in debug mode with logging enabled. This can significantly slow performance.