Menu Revamp | Tiki Wiki CMS Groupware

Older content

To have Drag & Drop and a nicer UI, we first need to revamp the back-end.

Probably also revisit Structures as well...

Also: http://branding.tiki.org/Top+Menu#Bubble_popup_on_menus

Another question is whether to continue to support the current Superfish menu system or replace it with Bootstrap's menu system (example here: http://bootply.com/71684 ), when Tiki moves to Bootstrap compatibility. Or could both be supported as options like suckerfish and phpLayers menus used to be? I'm not too fond of Bootstrap's click-to-open top-level item behavior but don't know if it's configurable. On the other hand, Bootstrap menus are made to adapt to mobile displays. Supporting Superfish will be helpful for old Tiki site transitions and arguably better asthetics, but the behavior on mobile displays needs to be checked.

We should at least implement the bootstrap menu system.

Question is, if we want to keep the old system additionally to the new ne or if it would be possible to merge old menus into a new bootstrap style.
It would be possible to create "handmade" HTML coded bootstrap menus with custom menus, but to have them in a nice admin dialogue alike module_menu would be much much better, as one of out target groups is the non-tecchie user. Tiki must be easy to use - which was one of our core assets a while ago.

Additionally we need "Bubble_popup_on_menus" with the possibility to include and layout arbitrary contend like images, text, menus etc.

Please see a standard menu, like it is used for example on bootswatch.com (and what we had to implement into the Tiki menu system or a new additional menu module).
This particular one is taken from bootstrapped.fabricius.me:

Copy to clipboard

<div class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a href="HomePage" class="navbar-brand">bootstrapped</a>
          <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div class="navbar-collapse collapse" id="navbar-main">
          <ul class="nav navbar-nav cssmenu_horiz">
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">Themes <span class=""></span></a>
              <ul class="dropdown-menu" aria-labelledby="themes">
                <li><a tabindex="-1" href="HomePage">Home</a></li>
                <li><a tabindex="-1" href="Amelia">Amelia</a></li>
                <li><a tabindex="-1" href="Bootstrap">Bootstrap (=default)</a></li>
                <li><a tabindex="-1" href="Cerulean">Cerulean</a></li>
                <li><a tabindex="-1" href="Cosmo">Cosmo</a></li>
                <li><a tabindex="-1" href="Cyborg">Cyborg</a></li>
                <li><a tabindex="-1" href="Flatly">Flatly</a></li>
                <li><a tabindex="-1" href="Journal">Journal</a></li>
                <li><a tabindex="-1" href="Readable">Readable</a></li>
                <li><a tabindex="-1" href="Simplex">Simplex</a></li>
                <li><a tabindex="-1" href="Slate">Slate</a></li>
                <li><a tabindex="-1" href="Spacelab">Spacelab</a></li>
                <li><a tabindex="-1" href="United">United</a></li>
              </ul>
            </li>
            <li>
              <a href="../help/">Help</a>
            </li>
            <li>
              <a href="http://news.bootswatch.com">Blog</a>
            </li>

          </ul>
 
          <ul class="nav navbar-nav navbar-right">
            <li><a href="http://bootswatch.com" target="_blank">Bootswatch</a></li>
          </ul>

        </div>
      </div>
    </div>

Treeview Library

Probably to be postponed until Tiki 19+ - needs more research (and probably it's own wiki page jQuery-UI Replacement )
We need a non-jquery-ui drag and drop / treeview library for this and to replace what we're using for various other features (perms admin (via smarty_function_treetable), tracker fields admin, structure edit etc)
Possible options are:

patternfly bootstrap treeview
Apache 2 license
Used in https://packagist.org/packages/execut/yii2-widget-bootstraptreeview
Seems based on https://github.com/jonmiles/bootstrap-treeview
http://gijgo.com/tree
More?

Proposal: Consolidate menu types for simplification in code and for users

Consolidate menu types as just Bootstrap menus. That is, remove suckerfish and legacy - neither Bootstrap nor suckerfish - menus. Then add Smartmenus (https://www.smartmenus.org/) to enhance/extend Bootstrap menus to regain features lost by the removal of suckerfish menus. This proposal is a wish here: https://dev.tiki.org/item6675.