How to add new button on Add content box in DVT

Question

Hello All,
Currently we are using Dynamic Visitor Tool in weblogic portal 10.3.2 and want to add one new button e.g. "Favorite Portlets" along with portlet list when user clicks on Add Content menu option. Could any one explain what is the exact procedure to do it what are places/files we need to modify.
Thanks in advance.
Alka

Answer 1

Hi,
You will have to use the mixin mechanism provided in dvt. Here are the mixin classes you will need to add and methods to override within them.
Original class - com.bea.wlp.dvt.uikit.wlp.menus.MenuBuilder
Mixin class - com.bea.wlp.dvt.uikit.wlp.menus.MenuBuilderMixin
Your mixin class will look like -
wlp_dvt_dojo.setObject("com.bea.wlp.dvt.uikit.wlp.menus.MenuBuilderMixin", {
buildNavigableMenu: function(scope, allowRemovePlaceables)
     var menuWidget = null;
          var menuWidgets = scope.getDescendants();
               for(var widgetIndex=0;widgetIndex < menuWidgets.length;widgetIndex++)
                    var tempMenuWidget = menuWidgets[widgetIndex];
                    if(tempMenuWidget instanceof dijit.Menu)
                         menuWidget = tempMenuWidget;
                         break;
               if(menuWidget)
                    try
               if(wlp_dvt_WlpResourceDelegateInstance().isResourceUpdateable(scope.model.id))
                    //Change Appearance menu item
                         menuItemArgs = {label:scope.messages.changeAppearance,
                                   iconClass:"com_bea_wlp_dvt_uikit_menu_icon_laf",
                                   onClick:dojo.hitch(null, scope._onChangeAppearance, scope)};
                         mi = new com.bea.wlp.dvt.uikit.wlp.menus.NavigableMenuItem(menuItemArgs);
                         menuWidget.addChild(mi);
                    //Change Layout menu item
                         menuItemArgs = {label:scope.messages.changeLayout,
                                   iconClass:"com_bea_wlp_dvt_uikit_menu_icon_layout",
                                   onClick:dojo.hitch(null, scope._onChangeLayout, scope)};
                         mi = new com.bea.wlp.dvt.uikit.wlp.menus.NavigableMenuItem(menuItemArgs);
                         menuWidget.addChild(mi);
                    //Add Books menu item
                         menuItemArgs = {label:scope.messages.addBook,
                                   iconClass:"com_bea_wlp_dvt_uikit_menu_icon_book",
                                   onClick:dojo.hitch(null, scope._onAddBooks, scope)};
                         mi = new com.bea.wlp.dvt.uikit.wlp.menus.NavigableMenuItem(menuItemArgs);
                         menuWidget.addChild(mi);
                         //Add a menu separator
                         menuWidget.addChild(new dijit.MenuSeparator());
                    //Add Content menu item
                         var menuItemArgs = {label:scope.messages.addContent,
                                   iconClass:"com_bea_wlp_dvt_uikit_menu_icon_portlet",
                                   onClick:dojo.hitch(null, scope._onAddPortlets, scope)};
                         var mi = new com.bea.wlp.dvt.uikit.wlp.menus.NavigableMenuItem(menuItemArgs);
                         menuWidget.addChild(mi);
                         //Set As Default menu item
                         menuItemArgs = {label:scope.messages.setDefault,
                                   iconClass:"com_bea_wlp_dvt_uikit_menu_icon_setAsDefault",
                                   onClick:dojo.hitch(null, scope._onSetAsDefault, scope)};
                         mi = new com.bea.wlp.dvt.uikit.wlp.menus.NavigableMenuItem(menuItemArgs);
                         menuWidget.addChild(mi);
               if(allowRemovePlaceables && wlp_dvt_WlpResourceDelegateInstance().isResourceRemoveable(scope.model.id))
                    if(wlp_dvt_WlpResourceDelegateInstance().isResourceUpdateable(scope.model.id))
                         //Add a menu separator, but only if we have something to separate it from
                         menuWidget.addChild(new dijit.MenuSeparator());
                    //Remove Book menu item
                         var menuItemArgs = {label:scope.messages.remove,
                                   iconClass:"com_bea_wlp_dvt_uikit_menu_icon_delete",
                                   onClick:dojo.hitch(null, scope._onRemove, scope)};
                         var mi = new com.bea.wlp.dvt.uikit.wlp.menus.NavigableMenuItem(menuItemArgs);
                         menuWidget.addChild(mi);
               //If no menu items were added to the main menu, don't render it
                         if(menuWidget.getChildren().length < 1)
                              scope.destroy();
                    catch(e)
                         //handle no DISC or no authentication.
In the abve code, follow the pattern to add a new menuitem in the place where you need it to show up. The method that gets called when the menuitem is clicked will go in the following mixin class -
wlp_dvt_dojo.setObject("com.bea.wlp.dvt.uikit.wlp.menus.NavigableMenuMixin", {
// add the method that gets called when your new menuitem is clicked
Note I haven't run the code above so please check for syntactical correctness before you run it. Also note that, unfortunately, the granularity of the buildNavigableMenu method above is very coarse in that you cannot add new menuitems as small snippets all by themselves. So you will have to include the base menu building code along with your new menu item building code snippet.
Thanks