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

2 posts, 0 answers
  1. Bhanu
    Bhanu avatar
    41 posts
    Member since:
    Jul 2010

    Posted 12 Aug 2011 Link to this post


    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>


  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 15 Aug 2011 Link to this post

    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.

Back to Top