Button.MenuArrowPosition

Syntax

MenuArrowPosition: PP.LTRB;

Description

The MenuArrowPosition property sets an arrow position of the child menu component.

Comments

Property values are the LTRBenumeration items. By default the property is set to Bottom value.

If you create a button with an image and drop-down menu, value of the ImagePosition property overrides value of MenuArrowPosition.

Example

To execute the example, in the <head> tag of HTML page add links to the PP.js library and to PP.css visual styles. Add a button with an image and drop-down menu to the page:

<script type="text/javascript">
    var menu = new PP.Ui.Menu();
    menu.addItem("<b>First</b>");
    menu.addItem(new PP.Ui.Separator());
    menu.addItem("<b>Second</b>");
    var b1 = new PP.Ui.Button({
        ImageUrl: "../build7.1/img/illustrations.png",
        ImagePosition: PP.LTRB.Left,
        Content: "Button",
        Menu: menu,
        MenuArrowPosition: PP.LTRB.Right,
        MenuDropPosition: PP.LTRB.Right,
        ParentNode: document.getElementById("example")
    });
</script>

After executing the example a button with the text Button, an image and drop-down menu is placed in the page: