Rounded Corners on Dynamic Menu Items

Answered (Not Verified) This post has 0 verified answers and 9 replies

Not Ranked
Posts: 5
JGarlandX Posted: Sun Aug 29, 2010 @ 6:16 PM
Is there a way to achieve rounded corners on dynamic menu?

Like I would want the bottom of the drop down to have rounded corners on the bottom.

If that is possible, it is also possible on the static items. I would want the top to have rounded corners.

Also, what is with that shadow on the dynamic menu (bottom and left) is there a way to turn that off.

Thanks.

All Replies

Top 10 Contributor
Posts: 2,373
Answered (Not Verified) harish Posted: Mon Aug 30, 2010 @ 7:27 AM
Suggested by harish

Hello,

 

Thanks for submitting your query with ComponentArt forum.

 

For displaying rounded corners in Menu please refer the following links:

 

http://www.componentart.com/community/forums/p/3683/3683.aspx#3683

 

http://www.componentart.com/community/forums/p/38992/38992.aspx#38992

 

Also, to disable the Shadow of Menu you need to set the ShadowEnabled property to false.

 

You can also refer the following link for the same property:

 

 http://docs.componentart.com/default.aspx?content=ComponentArt.Web.UI.AJAX.server/ComponentArt.Web.UI~ComponentArt.Web.UI.Menu~ShadowEnabled.html

 

Hope it will help you.

 

Thank you.

 

Harish Malhotra

Not Ranked
Posts: 5
JGarlandX Posted: Mon Aug 30, 2010 @ 10:57 AM
That works, however, the background of the dropdown menu shows through the transparent area of the image.

http://etgroup.net/downloads/capture.jpg
Top 10 Contributor
Posts: 2,373
harish Posted: Mon Aug 30, 2010 @ 1:19 PM

Hello,

 

Thanks for getting back to me.

 

In order to get the perfect design of Rounded corners for Menu dropdown; you need to set a Flash component's attribute wmode="transparent".

 

<param name="wmode" value="transparent" />

 

For more information please refer the following forum link:

 

http://www.componentart.com/community/forums/p/31303/41114.aspx#41114

 

Thank you.

 

Harish Malhotra

 

Not Ranked
Posts: 5
JGarlandX Posted: Mon Aug 30, 2010 @ 1:30 PM
Hi Harish,

There is no flash on the page.

Please see my page:

http://www.keywhitman.com/Menu_Test.aspx
Top 10 Contributor
Posts: 2,373
harish Posted: Tue Aug 31, 2010 @ 1:31 PM

Hello,

 

Thanks for getting back to me.

 

I have further researched on this query and found that the Dropdown image of the Menu control can be set through its “DefaultGroupCssClass” attribute. In this class you can set background image and other properties. You need to edit the image through Photoshop or Dreamweaver and edit its corners in round shape then use it as per the requirement.

 

In our inbuilt sample application, you can see that image “group_background.gif” can be set for the “DefaultGroupCssClass” of Menu.

 

http://aspnetajax.componentart.com/control-specific/menu/features/nesting_aspnetContent/WebForm1.aspx

 

Thank you for your understanding.

 

Harish Malhotra

 

Top 500 Contributor
Posts: 31
gayathriVerizon Posted: Mon Jan 31, 2011 @ 12:53 AM
this link has not solved my issue. i need to show the menu dropdown in rounded corner.
Top 500 Contributor
Posts: 31
gayathriVerizon Posted: Mon Jan 31, 2011 @ 12:55 AM
how to solve " the  bottom of the drop down to have rounded corners on the bottom" problem?.
Top 10 Contributor
Posts: 2,373
harish Posted: Mon Jan 31, 2011 @ 11:59 AM

Hello,

 

Thanks for getting back to me.

 

Rounded corners in menu can only be achieved by editing the background image. This image could be applied in DefaultGroupCssClass of Menu.

 

I'm sorry I couldn't be the bearer of better news.

 

Thank you.

 

Harish Malhotra

 

Top 500 Contributor
Posts: 31
gayathriVerizon Posted: Mon Feb 7, 2011 @ 3:59 AM
on top menu hover i want to show rounded corner image. i achieved this using clienttemplate.
i designed topmenutemplete like table with in 3 column which has left img and content and right img. on mouseover of table i am showing this table with image. in groupCollapseend event again i am refreshing the clienttemplateid using eventarg.get_parentItem().set_ClientTemplateID('topItemTemplate') for get the original style. my code is working good. problem is i am getting error when i am continuesly changing the menu. if i gave CollapseDuration=0, that error doesnt come. but set_ClientTemplate property is not work. give me solution for my issue.
Page 1 of 1 (10 items)