context-menu.html

<div class="control-section">
    <div class="contextmenu-control">
        <div id='contextmenutarget'></div>
        <ul id='contextmenu'></ul>
    </div>
</div>
<div id="action-description">
    <p>This sample demonstrates the default functionalities of the ContextMenu. Right click/Touch hold the rectangular area to open the ContextMenu.</p>
</div>
<div id="description">
    <p>
        ContextMenu is a graphical user interface that appears on the user right click/touch hold action. It has support to provide single level/multiple level of ContextMenu.
    </p>
    <p>
        In this demo, <code><a target="_blank" class="code"
        href="http://ej2.syncfusion.com/documentation/context-menu/api-contextMenu.html#target-string">target
        </a></code> property is set as '#contextmenutarget'. Hence, on right clicking the target element, the ContextMenu will open.
    </p>
    <p>
        More information about ContextMenu can be found in this
        <a target="_blank" href="http://ej2.syncfusion.com/documentation/context-menu/getting-started.html">
        documentation section</a>.
    </p>
</div>
<style>
    /**
    * ej2 Context Menu styles
    */

    @font-face {
        font-family: 'e-context-menu';
        src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    .e-cm-icons {
        font-family: 'e-context-menu';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-transform: none;
    }

    .contextmenu-control {
        margin: 5% 25%;
        width: auto;
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
    }

    #contextmenutarget {
        border: 1px dashed;
        height: 250px;
        padding: 10px;
        position: relative;
        text-align: center;
        color: gray;
        line-height: 17;
        font-size: 14px;
    }

    @media only screen and (max-width: 700px) {
        .contextmenu-control {
            margin: 5% 10%;
            width: auto;
        }
        #contextmenutarget {
            line-height: 19;
            font-size: 12px;
        }
    }

    #listview .e-list-icon {
        display: inline-block;
        line-height: 36px;
    }

    .e-menu-item .e-cut::before {
        content: '\e264';
    }

    .e-menu-item .e-paste::before {
        content: '\e959';
    }

    .e-menu-item .e-font::before {
        content: '\e262';
    }

    .e-menu-item .e-copy::before {
        content: '\e263';
    }

    .e-menu-item .e-link::before {
        content: '\e265';
    }

    .e-menu-item .e-comment::before {
        content: '\e267';
    }

    .e-menu-item .e-pastetext::before {
        content: '\e261';
    }

    .e-menu-item .e-pastespecial::before {
        content: '\e260';
    }

    .fabric .e-menu-item .e-cut::before {
        content: '\e251';
    }

    .fabric .e-menu-item .e-paste::before {
        content: '\e940';
    }

    .fabric .e-menu-item .e-font::before {
        content: '\e252';
    }

    .fabric .e-menu-item .e-copy::before {
        content: '\e255';
    }

    .fabric .e-menu-item .e-link::before {
        content: '\e254';
    }

    .fabric .e-menu-item .e-comment::before {
        content: '\e253';
    }

    .fabric .e-menu-item .e-pastetext::before {
        content: '\e258';
    }

    .fabric .e-menu-item .e-pastespecial::before {
        content: '\e256';
    }

    .bootstrap .e-menu-item .e-cut::before {
        content: '\e248';
    }

    .bootstrap .e-menu-item .e-paste::before {
        content: '\e95a';
    }

    .bootstrap .e-menu-item .e-font::before {
        content: '\e247';
    }

    .bootstrap .e-menu-item .e-copy::before {
        content: '\e249';
    }

    .bootstrap .e-menu-item .e-link::before {
        content: '\e245';
    }

    .bootstrap .e-menu-item .e-comment::before {
        content: '\e246';
    }

    .bootstrap .e-menu-item .e-pastetext::before {
        content: '\e257';
    }

    .bootstrap .e-menu-item .e-pastespecial::before {
        content: '\e259';
    }

    .e-contextmenu-wrapper ul.e-contextmenu {
        width: 176px;
    }

    .e-bigger .e-contextmenu-wrapper ul.e-contextmenu {
        width: 186px;
    }
</style>