sub-menus in 6.0

sub-menus in 6.0

  
Is it possible to have sub-menus in 6.0 ? Does Intelliwarp suport it ? How to use it ?
You can create your own sub menu's. however it would not be supported by Intelliwarp.

You might want to check how sub menu's has been created in EnterpriseManager for an idea on how to do this.


Intelliwarp does support sub-menus. To enable it in 6.0, copy paste the MenuItem entity into a new one, rename it to SubMenuItem (or any other name you prefer) and then drag the MenuItem entity on top of SubMenuItem to create a foreign key to it. Then add an optional input parameter to the Menu webblock of type MenuSubitem Identifier. From now on, IntelliWarp will create submenus like in 5.1 when you create screens for your entities. You can also create submenus to any page by dragging it to inside the menu block, like described in IntelliWarp-Menus. As a last note, the default themes don't include styles for the submenus anymore, so you'll have to create styles for Menu_SubMenuSection, Menu_SubMenuItem and Menu_SubMenuItemActive yourself. Here are styles used in 5.1 for reference:

.Menu_SubMenuSection {
    background: #444444 url(/RichWidgets/img/Bar_Gradient.png) repeat-x top;
    _background: #444444;  /* IE6 */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    color: White;
    height: 18px;
    padding: 3px 0px 2px 15px;
    vertical-align: middle;
}

.Menu_SubMenuItem, 
.Menu_SubMenuItem:link,
.Menu_SubMenuItem:visited {
    color: White;
    font-size: 8pt;
    text-decoration: none;
    padding-left:3px;
    padding-right:3px;
}

.Menu_SubMenuItem:hover {
    text-decoration: underline;
}

a.Menu_SubMenuItemActive,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited {
    font-weight: bold;
}

Best Regards,
Gustavo Guerra
This is what we have in our application, intelliwrap doesn't work with this...


div.Menu_SubMenus { 
    *height: 27px;
    -servicestudio-position: relative;
    -servicestudio-top: 1px;    
    background-color: #ffffff;
} 

div.Menu_SubMenu { 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left; 
    white-space: nowrap; 
    font-size: 14px;
    margin-left: -1px;
    margin-right: 10px;
    padding: 4px 0px 4px;
    background: #FFFFFF;
    clear: right;
    margin-bottom: -2px\0/;
}

div.Menu_SubMenuActive {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left; 
    white-space: nowrap; 
    font-size: 14px;
    margin-left: -1px;
    margin-right: 10px;
    padding: 4px 0px 4px;
    background: #FFFFFF;
    clear: right;
    margin-bottom: -2px\0/;
}

div.Menu_SubMenuActive a:link{
    text-decoration: underline;
}
Great ! Thanks, guys.
@Gustavo 

To get intelliwrap to work, does the CSS need to match the one you have submitted?

What did we do something wrong?

We created....
1 x SubMenu web block, with two input parameters "ActiveMainMenu" and "ActiveSubMenu"
1 x MenuSubItems Static Entity
1 x CSS tags (as submitted above)

then modified Layout_Normal template and added a "Submenu" place holder.

Adding a sub menu to a page has always been a manual process, to add a sub menu , we drag and drop the web block onto the webscreen, then set the input parameters and thats how it is done manually. But if it could be done using intelliwrap, it would be great!!
No, the CSS does not need to match. You should have only a web block Menu, which includes both the menu items and sub menu items inside.

Best Regards,
Gustavo Guerra
@Gustavo 

Attached: Sub menu still does not seem to work with Intelliwarp.
What do you mean by not working? I opened your eSpace, created an entity, dragged it to the MainFlow, and it updated the menu block and the two static entities correctly.

Best Regards,
Gustavo Guerra
@Gustavo

What did you drag and to where? it seems like you are able to automatically create sub menus?

Try the following Add
WebScreen1 
WebScreen2
WebScreen3
WebScreen4

Now make WeubScreen2, WebScreen3, WebScreen4 a sub menu item of WebScreen1.

Are you able to do this? If so how?
Ok, I see. It's working when you create list and edit screens from entities, but not when you do it manually.

Best Regards,
Gustavo Guerra
When you drag screens to the block to create sub menus (by dragging to the corresponding Menu_SubMenuSection container) it's currently only working correctly the first sub-menu that you create to each top menu. For other submenus, it's currently only working if you have outline mode enabled. In the next revision it will work with outline mode disabled also.

Best Regards,
Gustavo Guerra
@Gustavo "When you drag screens to the block to create sub menus (by dragging to the corresponding Menu_SubMenuSection container) it's currently only working correctly the first sub-menu that you create to each top menu. For other submenus, it's currently only working if you have outline mode enabled. In the next revision it will work with outline mode disabled also."

What is outline mode and how do you enable outline mode?


Hi,

I've trying to use in 6.0 and I've problem with the CSS that was published here, more specifically, with this code:
.Menu_SubMenuSection {
    background: #444444 url(/RichWidgets/img/Bar_Gradient.png) repeat-x top;
    _background: #444444;  /* IE6 */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    color: White;
    height: 23px;
    padding: 3px 0px 2px 15px;
    vertical-align: middle;
}
Basically, it works very well with all browsers, except IE 9:
















































If we turn IE 9 Compatibility Mode, then it works fine:
















































Does anyone knows why this happens and how to correct it?


Thank you,
JG



















Hi all,

This should be enough to fix the css issue (tested on IE9 and Chrome):
.Menu_TopMenus {
    line-height:15px
}
Cheers,
Davide