Adding nested submenu on ListView or DetailView

SuiteCRM Forum - English Language Developer Collaboration
1

Hi everybody,
i am developing a custom module where the number of actions present is growing.
I would like to group all these actions into a new nested submenu on ListView.

The actions are coded in ex: in view.list as below:


 <li><a href="javascript:void(0)" class="parent-dropdown-action-handler cdz_action" id="activate" value="activate" onclick="contractAction('','activate')">{$mod_strings['LBL_CDZ_CONTRACT_ACTIVATE']}</a></li>
 <li><a href="javascript:void(0)" class="parent-dropdown-action-handler cdz_action" id="close" value="close" onclick="contractAction('','close')">{$mod_strings['LBL_CDZ_CONTRACT_CLOSE']}</a></li>

The goal is to create something like in attached picture.

Does anyone can point me?
Many Thanks!

menu

2

@rainolf
Look at the file include/ListView/ListViewDisplay.php the function buildActionsLink build the menu.

You can create array $this->lv->actionsMenuExtraItems in function preDisplay of the file view.list.php of your module.

    public function preDisplay()
    {
        parent:: preDisplay();
        $this->lv->actionsMenuExtraItems=array();
        $this->lv->actionsMenuExtraItems[]=''; //your html code of button
    }
3

HI,
this is already done!

class CDZ_Contracts_MobileViewList extends ViewList
{
    public function preDisplay(){
         //#!@ # Include JS file wit heredoc notation
         $js = <<<JS
         <script src="modules/CDZ_Contracts_Mobile/caderize/js/cdz_utils.js"></script>
         JS;
         echo $js;
        parent::preDisplay();
        $this->lv->actionsMenuExtraItems[] = $this->bulkActiion();
    }

    protected function bulkActiion()
    {
        global $mod_strings;
        return <<<EOHTML
    <li><a href="javascript:void(0)" class="parent-dropdown-action-handler cdz_action" id="activate" value="activate" onclick="contractAction('','activate')">{$mod_strings['LBL_CDZ_CONTRACT_ACTIVATE']}</a></li>
    <li><a href="javascript:void(0)" class="parent-dropdown-action-handler cdz_action" id="close" value="close" onclick="contractAction('','close')">{$mod_strings['LBL_CDZ_CONTRACT_CLOSE']}</a></li>
    <li><a href="javascript:void(0)" class="parent-dropdown-action-handler cdz_action" id="suspend_prompt" value="suspend_prompt" onclick="contractAction('','suspend_prompt')">{$mod_strings['LBL_CDZ_CONTRACT_SUSPEND']}</a></li>
    <li><a href="javascript:void(0)" class="parent-dropdown-action-handler cdz_action" id="resume" value="resume" onclick="contractAction('','resume_prompt')">{$mod_strings['LBL_CDZ_CONTRACT_RESUME']}</a></li>
    <li><a href="javascript:void(0)" class="parent-dropdown-action-handler cdz_action" id="transfer" value="transfer" onclick="contractAction('','transfer_prompt')">{$mod_strings['LBL_CDZ_CONTRACT_TRANSFER']}</a></li>
    EOHTML;
    }
}

My needs is to have some of them nested in a parent action menu item.

Currently they are added as showed in attached picture, the goal is to have it like first attached image:

Any help is appreciate.

menu_list
menu_list468×536 30.9 KB

4

@rainolf

You should do next step - use css and classes for tags. For example:

<li>
  <span>
    <a>submenu</a>
    <ul>
      <li><a>level 1 menu 1</a></li>
      <li><a>level 1 menu 2</a></li>
      <li><a>level 1 menu 3</a></li>
      <li><a>level 1 menu 4</a></li>
    </ul>
  </span>
</li>
5

I will do…however does is already present classes for child menu? like parent-dropdown-action-handler?

6

@rainolf
I don’t know which class ready-to-use but you can make your.