Is it possible to insert across the page on the top of the lanuchpad theme a div that host among other components, your own menu? I was able to do that in flex by modifying the index.html, but it proves to be more difficult with the js due to the claro class. The primary target for this app is for the desktop user, not the mobile user.
Thank you.
<body class="claro jimu-main-font"> <div style="height:50px; width:100%; text-align:left; background-color:#3892D2"> <div id="main-loading">
Solved! Go to Solution.
Hello Robert. It seems that this customization does not apply for the 2.0 version. Position.bottom has no effect on the location of the tools. How can it be resolved? Thank you.
UPDATE 5/9
For those of you who want to perform m the same task in the version 2.0, just change the position.top under the _getGroupPanelPosition (don't confuse it with the _getOffPanelPosition).
In my case, in line 5, I subtracted 100 px from the position.top.
_getGroupPanelPosition: function(dockableItem, widgetBox){ var position = {}, iconBox = domGeometry.position(dockableItem.iconItemNode), mapBox = domGeometry.getContentBox(jimuConfig.mapId); position.top = iconBox.y - widgetBox.h - MIN_MARGIN-100; if (window.isRTL) { if(iconBox.x < widgetBox.w + MIN_MARGIN){ position.left = MIN_MARGIN; }else{ position.left = iconBox.x - widgetBox.w + iconBox.w; } } else { if(iconBox.x + widgetBox.w + MIN_MARGIN > mapBox.w){ position.left = mapBox.w - widgetBox.w - MIN_MARGIN; }else{ position.left = iconBox.x; } } return position; },
Robert, I am trying to accomplish similar task with the foldable theme. Move the header 50px so I can place a div above it. However what ever I tried, including a fixed div, the header is not moving. thanks.
I am not in front of a computer right now but I think you need to move the header widget down using the main config.json
Thank you.