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
>