[Solved] Setting width for menu items

[Chaiyouth Tiemchaipum]

Hi all,

I'm implementing menus binding with data from sitemap. I would like to know how can I set width for menu items since those data
are rendered on the fly not the static one.

Many thanks,
Oat

[Georgi Krustev]

Hello Chaiyouth Tiemchaipum,

To achieve your goal you should use one of the BindTo(...) overloads, which provides the ability to set properties for each item. Here is a code snippet which shows how to accomplish this task:

<%= Html.Telerik().Menu()
       .Name("Menu")
       .BindTo("sample", (i,n)=> i.HtmlAttributes = new{width = "100px"})
%>

Regards,
Georgi Krustev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Chaiyouth Tiemchaipum]

Hello Georgi,

Thanks for your response. However, I still got a runtime error with your code snippet saying
    CS1593: Delegate 'System.Action<Telerik.Web.Mvc.UI.NavigationBindingFactory<Telerik.Web.Mvc.UI.MenuItem>>' does not take 2 arguments

Am I missing something? I'm using VS2010 RC with ASP.NET MVC2 RC2 for this code.

Best Regards,
Oat

[Georgi Krustev]

Hi Chaiyouth,

For your convenience I have created a test project implementing the required functionality. The project is attached to this message. Please note that the solution is for VS2008, but there should be no problem to run it on VS2010.

Kind regards,
Georgi Krustev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Chaiyouth Tiemchaipum]

Thanks Georgi !

[Toby Riley]

Hi,

I have tried this and although it added the width attribute to the HTML nothing changes?!
Help....

[Georgi Krustev]

Hello Tobias,

Did you check test project attached to my last message? Could you check what differences you noticed?

If the problem still persists I will ask you to post the code of the View in order to proceed with the investigation of the problem.

Regards,
Georgi Krustev
the Telerik team

[Alaa Masoud]

I downloaded the project, however converted mvc assemblies to mvc ver 3
The menu items width does not change!

I also tried this:

@{Html.Telerik().Menu().Name("AdminMenu").Items(menu=> {
    menu.Add()
      .Text("Menu1").Url("~/admin/menu1/")
      .HtmlAttributes(new { width="100px" })
      .Items(items => {
        items.Add().Text("Something").Url("~/admin/menu1/something");
      });
    menu.Add()
      .Text("This is menu 2").Url("~/admin/menu2")
      .HtmlAttributes(new { width="100px" });
    menu.Add()
      .Text("3").Url("~/admin/menu3")
      .HtmlAttributes(new { width = "100px" });
  }).Render();
  }

What I want is to have the same width for all top level menu items but the width attribute seem to do nothing. What am I missing?

Thanks!

[Kritika]

Hi,
you should try syntax like this:

@(Html.Telerik().Menu()
.Name("Menu")
.Items(menu =>
{
menu.Add().Text("Example1").Action("Index", "Home" }).HtmlAttributes(new { style = "width:210px;" });
menu.Add().Text("Example2").Action("Index", "Home" }).HtmlAttributes(new { style = "width:210px;" });
menu.Add().Text("Example3").Action("Index", "Home" }).HtmlAttributes(new { style = "width:210px;" });
})
)

I have tried this and is working perfectly.