New roll menu on page right ! Just click on that new icon on main page right side to open a new sliding menu where to configure quick options.

The new feature that permit you to save your desktop has been implemented there, you can add you own stuff.

To disable it, just delete the new tag rollmenu in index.html

You can customize it by editing rollmenu.html / rollmenu.js

<div>
    <i class="fa fa-sliders"></i>
</div>
<div>
    <ul class="ClassMenuContent" id="IDrollmenu">
        <div data-clone="3" data-cloneself="false">
            <li data-action="save" data-num="%%">
                <div>
                    <i class="fa fa-save"></i>
                    <l>SAVE</l>&nbsp;<l>DESKTOP</l>&nbsp;%%
                </div>
            </li>
        </div>
        <div data-clone="3" data-cloneself="false">
            <li data-action="restore" data-num="%%">
                <div>
                    <i class="fa fa-undo"></i>
                    <l>RESTORE</l>&nbsp;<l>DESKTOP</l>&nbsp%%
                </div>
            </li>
        </div>
    </ul>
</div>

The icon handle is fa-sliders, easy to change ..

Here the internal CYJS feature data-clone has been used to repeat the both li 3 times. Remind that %% will be replaced by iteration number.

The process here is just a bit more complicated than a trivial page.

It needs :

  • a new rollmenu empty tag in index.html with id=IDiconrollmenu
  • new styling rules in style.css, all beginning with #IDiconrollmenu
  • new page with rollmenu.html and rollmenu.js
  • update in login.js to calculate and position the menu handle by calling the CYSetRollMenu() set in rollmenu.js