How to bind data as templates in menu?

[ROBERTR_vbulletin3_import27106]

I use The RadMenu like this :\[code\] <telerik:RadMenu ID="rad_menu_boxes" runat="server" Width="100%" EnableRoundedCorners="true" EnableShadows="true" Skin="Metro" dir="rtl"> <ItemTemplate> <div class="circleBase circle"> </div> </ItemTemplate> </telerik:RadMenu>\[/code\]Css file :\[code\].circleBase { direction:rtl; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; behavior: url(PIE.htc); margin-right:20px;}.circle { direction:rtl; width: 20px; height: 20px; background:#EEEEEE; border: 1px solid #FF9900;}\[/code\]and i bind it like this :\[code\] protected void BindMenuBoxes() { string path = Server.MapPath("~/XML/MenuBoxes.xml"); int[] counts = DF_Utilities.GetBoxCount(1, 0, empNum, 0); new XDocument(new XComment("This is The Menu Boxes ... "), new XElement("Menu", new XElement("Item", new XAttribute("Text", "box1"+counts[0].ToString())), new XElement("Item", new XAttribute("Text", "inbox"+counts[1].ToString())), new XElement("Item", new XAttribute("Text", "outbox"+counts[2].ToString())), new XElement("Item", new XAttribute("Text", "Archive"+counts[3].ToString())), new XElement("Item", new XAttribute("Text", "New")), new XElement("Item", new XAttribute("Text", "Search")) ) ).Save(path); rad_menu_boxes.LoadContentFile("~/XML/MenuBoxes.xml"); }\[/code\]I get the following output:

but this's not what i want to do , i want to put the count on the circle beside the desc:like this \[code\]box1(1) inbox(34) outbox(136) Archive(3) New Search\[/code\]