To provide the ability to expand/collapse menus by clicking on title
area only a simple modification has to be done. This solution assumes
the arrow image is always coming next to the the <li> tag without any
spaces in between.
<li id="region3_registry_menu" class="menu-header"
*/onclick="mainMenuCollapse(this.childNodes[0])"
style="cursor:pointer"/*><img id="region3_registry_menu" class="mMenuHeaders" onclick="mainMenuCollapse(this)" src="../admin/images/up-arrow.gif"/>
Resources
</li>
Since onclick is not supported for <li> tags in IE6 this fix will not
work in IE6.
Thanks,
Chanaka
Sumedha Rubasinghe wrote:
On Sun, Feb 14, 2010 at 11:27 PM, Ruwan Janapriya <[email protected]
<mailto:[email protected]>> wrote:
Could this be further extended to expand/collapse when clicked the
entire "top level menu title area"? (i.e. not limited to the arrow)
yeap.. This is what we have right now.
<li id="region3_registry_menu" class="menu-header">
<img id="region3_registry_menu" class="mMenuHeaders" onclick="mainMenuCollapse(this)"
src="../admin/images/up-arrow.gif"/>
Resources
</li>
In order to support what your mentioning, we need to have something
click able for whole 'Resources' tab. A back ground image would do.. I
guess...
/sumedha
I believe that is the most common way. Atleast Windows + GMail
behaves like that.
regards,
Janapriya
On Sun, Feb 14, 2010 at 11:14 PM, Sumedha Rubasinghe
<[email protected] <mailto:[email protected]>> wrote:
Hi devs,
Carbon UI framework now has collapsible/expanded menu support
for top level menu categories (Manage,Configure,Resources,etc).
1. Along with each top level menu item you will see an arrow.
By clicking on this arrow, you can make the menu either
collapsed or expanded. Your action will be saved (browser scoped).
2. Each product can specify which menu items should appear
collapsed or be expanded via product.xml. Check product.xml[1]
for G-Reg for sample configuration. (Screenshot attached)
3. Once a product is started, the collapse/expand options set
by user will take precedence over product's default
configuration. If one wants to revert back to default, cookies
have to be erased.
Thanks Chanaka,Amal for Javascript & styling work which
actually does the trick.
/sumedha
PS: It is possible to get this to work for every menu item.
Holler if a product needs this.
[1]
https://svn.wso2.org/repos/wso2/trunk/carbon/products/greg/modules/styles/src/main/resources/META-INF
_______________________________________________
Carbon-dev mailing list
[email protected] <mailto:[email protected]>
https://mail.wso2.org/cgi-bin/mailman/listinfo/carbon-dev
--
Ruwan Janapriya
Technical Lead - WSO2 Inc.
http://www.wso2.com/ - "lean . enterprise . middleware"
_______________________________________________
Carbon-dev mailing list
[email protected] <mailto:[email protected]>
https://mail.wso2.org/cgi-bin/mailman/listinfo/carbon-dev
------------------------------------------------------------------------
_______________________________________________
Carbon-dev mailing list
[email protected]
https://mail.wso2.org/cgi-bin/mailman/listinfo/carbon-dev
_______________________________________________
Carbon-dev mailing list
[email protected]
https://mail.wso2.org/cgi-bin/mailman/listinfo/carbon-dev
