On Mon, Feb 15, 2010 at 11:12 AM, Chanaka Jayasena <[email protected]> wrote:

>  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>
>

Tx. done.

/sumedha


>
> 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]>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]>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]
>>> 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]
>> https://mail.wso2.org/cgi-bin/mailman/listinfo/carbon-dev
>>
>>
> ------------------------------
>
> _______________________________________________
> Carbon-dev mailing 
> [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

Reply via email to