This is a migrated thread and some comments may be shown as answers.

Images are not displayed properly when the item flow is set to Horizontal in Radmenu

1 Answer 139 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Bhanu
Top achievements
Rank 1
Bhanu asked on 12 Aug 2011, 09:42 AM

Here is my requirement.

We have to display the radmenu items horizontally, having status icons (images) displayed before the menu item text.
but radmenu's behaviour is vice versa. Please refer to attached screen shot. Here is the code.

Can you please help me how to achieve the requirement ?
Awaiting your earliest response.................

protected void Page_Load(object sender, EventArgs e)
   {      
     RadMenuItem top1 = new RadMenuItem();
     top1.GroupSettings.Flow = ItemFlow.Horizontal;
       
     top1.Text = "Top 1";
     top1.ImageUrl = "~/Images/NotStarted.png";
     RadMenuItem child1 = new RadMenuItem();
     child1.Text = "Child 1";
     child1.ImageUrl = "~/Images/Completed.png";
       
     RadMenuItem child2 = new RadMenuItem();
     child2.Text = "Child 2";
     child2.ImageUrl = "~/Images/Failed.png";
       
     top1.Items.Add(child1);
     top1.Items.Add(child2);
     RadMenuItem top2 = new RadMenuItem();
     top2.GroupSettings.Flow = ItemFlow.Horizontal;
     top2.Text = "Top 2";
     top2.ImageUrl = "~/Images/Unknown.png";
     RadMenuItem child3 = new RadMenuItem();
     child3.Text = "Child 3";
     child3.ImageUrl = "~/Images/Completed.png";
     RadMenuItem child4 = new RadMenuItem();
     child4.Text = "Child 4";
     child4.ImageUrl = "~/Images/Failed.png";
     RadMenuItem child5 = new RadMenuItem();
     child5.Text = "Child 5";
     child5.ImageUrl = "~/Images/NotStarted.png";
     top2.Items.Add(child3);
     top2.Items.Add(child4);
     top2.Items.Add(child5);
       
     WorkFlowMenu.Items.Add(top1);
     WorkFlowMenu.Items.Add(top2);
        
   }
<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
 </telerik:RadScriptManager>
 <telerik:RadMenu ID="WorkFlowMenu" runat="server" >   
  </telerik:RadMenu>    
   </form>


1 Answer, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 15 Aug 2011, 04:56 PM
Hi Bhanu,

Please take a look at the following forum post where I answered your question. Please let us keep the communication there in order to avoid confusion.

Best wishes,
Kate
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Menu
Asked by
Bhanu
Top achievements
Rank 1
Answers by
Kate
Telerik team
Share this question
or