HTML Elements Forums Menu Nested groups in context menu

This topic contains 1 reply, has 2 voices, and was last updated by  Dimitar 4 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #99513

    pcng618
    Participant

    Hi,

    Is it possible to have nested groups in a context menu? Please, give me some advice on how to achieve such a thing.

    Thanks

    #99521

    Dimitar
    Participant

    Hi pcng618,

    Here is a code snippet that shows how to achieve this. We hope it is helpful:

    <smart-menu id="menu" mode="dropDown" opened>
        <smart-menu-items-group>
            File
            <smart-menu-item shortcut="Ctrl+N">New</smart-menu-item>
            <smart-menu-item shortcut="Ctrl+0">Open</smart-menu-item>
            <smart-menu-items-group>
                Open Containing Folder
                <smart-menu-item>Explorer</smart-menu-item>
                <smart-menu-item>cmd</smart-menu-item>
            </smart-menu-items-group>
            <smart-menu-item shortcut="Ctrl+S" disabled>Save</smart-menu-item>
            <smart-menu-item shortcut="Ctrl+Alt+S" separator>Save As...</smart-menu-item>
            <smart-menu-item shortcut="Alt+F4">Exit</smart-menu-item>
        </smart-menu-items-group>
        <smart-menu-items-group>
            Edit
            <smart-menu-item shortcut="Ctrl+Z">Undo</smart-menu-item>
            <smart-menu-item shortcut="Ctrl+Y" separator>Redo</smart-menu-item>
            <smart-menu-item shortcut="Ctrl+X">Cut</smart-menu-item>
            <smart-menu-item shortcut="Ctrl+C">Copy</smart-menu-item>
            <smart-menu-item shortcut="Ctrl+V" disabled>Paste</smart-menu-item>
        </smart-menu-items-group>
        <smart-menu-items-group drop-down-height="300">
            Encoding
            <smart-menu-item>Encode in ANSI</smart-menu-item>
            <smart-menu-item>Encode in UTF-8</smart-menu-item>
            <smart-menu-item>Encode in UTF-8-BOM</smart-menu-item>
            <smart-menu-item>Encode in UTCS-2 BE BOM</smart-menu-item>
            <smart-menu-item>Encode in UTCS-2 LE BOM</smart-menu-item>
            <smart-menu-items-group separator>
                Character sets
                <smart-menu-items-group>
                    Cyrillic
                    <smart-menu-item>ISO 8859-5</smart-menu-item>
                    <smart-menu-item>KOI8-R</smart-menu-item>
                    <smart-menu-item>KOI8-U</smart-menu-item>
                    <smart-menu-item>Windows-1251</smart-menu-item>
                </smart-menu-items-group>
                <smart-menu-items-group>
                    Chinese
                    <smart-menu-item>Big5 (Traditional)</smart-menu-item>
                    <smart-menu-item>GB2312 (Simplified)</smart-menu-item>
                </smart-menu-items-group>
                <smart-menu-items-group>
                    Western European
                    <smart-menu-item>ISO 8859-1</smart-menu-item>
                    <smart-menu-item>ISO 8859-15</smart-menu-item>
                    <smart-menu-item>OEM 850</smart-menu-item>
                    <smart-menu-item>Windows-1252</smart-menu-item>
                </smart-menu-items-group>
            </smart-menu-items-group>
            <smart-menu-item>Convert to ANSI</smart-menu-item>
            <smart-menu-item>Convert to UTF-8</smart-menu-item>
            <smart-menu-item>Convert to UTF-8-BOM</smart-menu-item>
            <smart-menu-item>Convert to UTCS-2 BE BOM</smart-menu-item>
            <smart-menu-item>Convert to UTCS-2 LE BOM</smart-menu-item>
        </smart-menu-items-group>
    </smart-menu>

    Best regards,
    Dimitar

    Smart HTML Elements Team
    https://www.htmlelements.com

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.