pip-webui/pip-webui-layouts/samples/split/item_sub1_details_panel.html

HTML5 UI for LOB applications

<div class="pip-header">
    <div class="pip-details-title">
        <p class="pip-title">{{ selectedItem.title }}</p>
    </div>
    <md-menu md-position-mode="target-right target" class="position-right">
        <md-button class="pip-action md-icon-button" aria-label="menu"
                   ng-click="$mdOpenMenu()">
            <md-icon md-svg-icon="icons:vdots"></md-icon>
        </md-button>
        <md-menu-content width="3">
            <md-menu-item>
                <md-button>Action 1</md-button>
            </md-menu-item>
            <md-menu-item>
                <md-button>Action 2</md-button>
            </md-menu-item>
        </md-menu-content>
    </md-menu>
</div>
<div class="pip-body">

</div>

<div class="pip-footer">
    <div class="pip-action-list w-stretch">
        <md-button class="pip-action-list-item">
            <md-icon md-svg-icon="icons:check" class="pip-pic"></md-icon>
            <div class="pip-title">Yes</div>
        </md-button>
        <md-button class="pip-action-list-item">
            <md-icon md-svg-icon="icons:cross" class="pip-pic"></md-icon>
            <div class="pip-title">No</div>
        </md-button>
    </div>
</div>