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

[Solved] Grid used within Tabstrip does not auto resize columns

4 Answers 109 Views

TabStrip

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

This question is locked. New answers and comments are not allowed.

Sudhakshina Girish asked on 01 Sep 2010, 04:21 AM

Hi ,
I have a tabstrip with grids on each of the tabs.
The resizing functionality supported by Grid works only in the tabstrip which was initially selected using "SelectedIndex()".
The other grids, although have the code to resize do not come up with the resize cursor even when the tab is selected. Some code below.

Regards,
Sudhakshina

<% Html.Telerik()

.TabStrip()

.HtmlAttributes(new { style = "border: 0;" })

.Name("TabStrip")

.Items(tabstrip =>

{

tabstrip.Add()

.Text("Search")

.Content(() =>

{%>

<%= Html.Telerik().Grid<CustomerSearchResultsList>()

.HtmlAttributes(new{ height = "490px"})

.Ajax(ajax => ajax.Action("_AjaxCustomers", "Support", null))

.Name("CustomersGrid")

.Sortable()

.Scrollable(s => s.Height(450))

.Filterable()

.Resizable(resizing => resizing.Columns(true))

.Columns(columns =>

{

columns.Add(n => n.CardCode)

.Format(Html.Button("NewCall", "New Call", HtmlButtonType.Button, "NewCall({0})"))

.Title("Actions").Width(150);

columns.Add(n => n.CardCode)

.Format(Html.Button("ViewCust", "View", HtmlButtonType.Button, "ViewCustomer({0})"))

.Title("View").Width(150);

columns.Add(n => n.CardCode).Title("Cardcode");

columns.Add(n => n.Name).Title("Contact");

columns.Add(n => n.HomePhone).Title("Home Phone");

columns.Add(n => n.EMail).Title("Email");

columns.Add(n => n.OpenCalls).Title("Open Calls").Width(90);

})

%>

<%});

tabstrip.Add()

.Text("Calls")

.Content(() =>

{%>

<%= Html.Telerik().Grid<CallListItem>()

.Ajax(ajax => ajax.Action("_AjaxCalls", "Support", null))

.Name("MyCalls")

.Scrollable(s => s.Height(450))

.Sortable()

.Filterable()

.Resizable(resizing => resizing.Columns(true))

.Columns(columns =>

{

columns.Add(n => n.CallID)

.Format(Html.Button("OpenCall", "Open Call", HtmlButtonType.Button, "OpenCall({0})"))

.Title("Actions").Width(100);

columns.Add(n => n.CallID).Title("Call ID");

columns.Add(n => n.CardName).Title("Contact");

columns.Add(n => n.CardPhone1).Title("Home Phone");

columns.Add(n => n.CardEMail).Title("Email");

})

%>

<%});

})

.SelectedIndex(0)

.Render();

%>

4 Answers, 1 is accepted

answered on 02 Sep 2010, 08:01 AM

telerik-grid-resizing-min-js.zip

Hello Sudhakshina Girish,

I am sending you the patched file. You need to replace it locally.

Greetings,
Atanas Korchev
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