CODEWITHSUNDEEP
c#asp.netcss
Lokesh
Lokesh

Reputation: 359

How to change the direction arrow in menu's menu item in asp.net?

I want to change the menu item arrow direction towards downwards side instead of arrow mark pointing towards to right side.

Actually i am having menu , which consists of multiple menu items, i set the menuitem orientation as horizontal once i add the menu item to menu, the arrow mark direction pointing towards left hand side by default. I want to change that arrow mark direction pointing towards downwards side because i will drop down the menu items in vertical manner.

I used css for menu items.

How to achieve this?? any ideas??

Upvotes: 1

Views: 4697

Answers (2)

ajthewebdev
ajthewebdev

Reputation: 520

  1. Locate the image used by Asp.net for the arrow near the menu item
  2. Use css to rotate the dropdown image. For example:
.Menu > tbody > tr > td > table > tbody > tr > td > img
 {
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
 }

Upvotes: 0

Lokesh
Lokesh

Reputation: 359

Finally i achieved it, by setting StaticEnableDefaultPopOutImage="false" DynamicEnableDefaultPopOutImage="false" and StaticPopOutImageUrl="~/images/greenarrow.gif" DynamicPopOutImageUrl="~/images/greenarrow.gif">

Upvotes: 1

Related Questions