Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Menu > Rounded corners for a dynamically created RadMenu

• Matt

  Posted on Mar 2, 2011 (permalink)

  I am dynamically creating a RadMenu for a web page and would like to modify its appearance by rounding the corners and reducing its height.  This is for the 3.5 .Net framework and the Q2 2010 version of Telerik.  I've read a lot of other posts regarding this issue but have not been successful in getting rounded corners.  Here's the code that creates the menu:

  Public Shared Function LoadShareMenu(ByVal page As Page, ByVal email As String, ByVal facebook As String, ByVal twitter As String, ByVal digg As String, ByVal delicious As String) As RadMenu

      Dim rm As New RadMenu()

      rm.Visible = True

      rm.Items.Clear()

   

      Dim mi As New RadMenuItem

   

      mi.Text = "Share"

      mi.ImageUrl = "~/dir_image/dir_public/AccordionArrow_Selected.gif"

   

      Dim mi1 As New RadMenuItem

      mi1.Text = "Email"

      mi1.ImageUrl = "~/dir_image/dir_public/envelope.gif"

      mi1.NavigateUrl = email

   

      Dim mi2 As New RadMenuItem

      mi2.Text = "Facebook"

      mi2.ImageUrl = "~/dir_image/dir_public/facebook.jpg"

      mi2.NavigateUrl = facebook

   

      Dim mi3 As New RadMenuItem

      mi3.Text = "Twitter"

      mi3.ImageUrl = "~/dir_image/dir_public/twitter.jpg"

      mi3.NavigateUrl = twitter

   

      Dim mi4 As New RadMenuItem

      mi4.Text = "Digg"

      mi4.ImageUrl = "~/dir_image/dir_public/digg.jpg"

      mi4.NavigateUrl = digg

   

      Dim mi5 As New RadMenuItem

      mi5.Text = "de.licio.us"

      mi5.ImageUrl = "~/dir_image/dir_public/delicious.jpg"

      mi5.NavigateUrl = delicious

   

      mi.Items.Add(mi1)

      mi.Items.Add(mi2)

      mi.Items.Add(mi3)

      mi.Items.Add(mi4)

      mi.Items.Add(mi5)

   

      rm.Items.Add(mi)

   

      rm.Skin = "Vista"

   

      Return rm

  End Function

  In my style sheet, I have the following code:

  .masterPrimaryRadMenus {

      float: right;

      margin: 10px 30px;

      height: 0px;

  }

  What do I need to add to round the menu corners, similar to the hover effect.  Also, how can I reduce the height of this menu?

• Shinu MVP

  Posted on Mar 2, 2011 (permalink)

  Hello Matt,
  
  I am not quite sure about your scenario. For achieving rounded corners you can set the RadMenu property EnableRoundedCorners to true which is available from  Q2 2010.
  
  Thanks,
  Shinu.

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Menu > Rounded corners for a dynamically created RadMenu