DropDownMenu Widget

Applicato ad una voce di menu o ad un pulsante generico crea un submenu in DropDown

// API dBJs-ui

Opzioni e settaggi:
- data-ddmPosition : start | end | center (default start)

Standard sintax

    <div class="dropDownMenu" data-ddmPosition="start | end | center">
      Menu label
      <div class="dropDown">
        <!-- content -->
      </div>
    </div>

Example 1

Per creare un oggetto che abbia un menu in drop down è necessario dare la classe dropDownMenu all'oggetto contenitore e inserire in tale oggetto un altro elemento con classe dropDown che conterrà il submenu.

Nell'esempio è possibile vedere l'applicazione delle tre posizioni possibili, relative all'oggetto contenitore, del drop down mediante il settaggio della proprietà data-ddmPosition.

Drop down Start

Drop down End

Drop down Center

    <div class="dropDownMenu" data-ddmPosition="start">
      Drop down Start
      <div class="dropDown">
        <!-- content -->
      </div>
    </div>
    <div class="dropDownMenu" data-ddmPosition="end">
      Drop down End
      <div class="dropDown">
        <!-- content -->
      </div>
    </div>
    <div class="dropDownMenu" data-ddmPosition="center">
      Drop down Center
      <div class="dropDown">
        <!-- content -->
      </div>
    </div>