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

Grid Horizontal Scroll does not show when fields overflow in Edit mode

2 Answers 98 Views

Grid

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

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

bbeatty asked on 26 Apr 2012, 08:26 PM

Contacts-Before.PNG

Contacts-After.PNG

I have a grid that, when in Edit mode the text boxes cause the fields to overflow horizontally to the right.

the problem is that it is not enabling the scroll bars so the user cannot scroll and edit the fields.
My other grids do not have this problem
I've attached before and after screen shots.

@(Html.Telerik().Grid<GridContactItem>()

.Name("GridContact")

.ToolBar(commands => commands.Insert().ButtonType(GridButtonType.ImageAndText).ImageHtmlAttributes(new { style = "margin-left:0" }))

.DataKeys(keys => keys.Add(p => p.Id).RouteKey("contactId"))

.DataBinding(dataBinding => dataBinding.Ajax()

.Select(MVC.Company.ContactGetAll().GetRouteValueDictionary())

.Insert(MVC.Company.ContactInsert().GetRouteValueDictionary())

.Update(MVC.Company.ContactUpdate().GetRouteValueDictionary())

.Delete(MVC.Company.ContactDelete().GetRouteValueDictionary())

)

.Columns(columns =>

{

columns.Command(commands =>

{

commands.Edit().ButtonType(type);

commands.Delete().ButtonType(type);

}).Title("Commands").Width(200);

columns.Bound(b => b.FirstName);

columns.Bound(b => b.LastName);

columns.Bound(b => b.OfficeNumber);

columns.Bound(b => b.MobileNumber);

columns.Bound(b => b.Email);

})

.Editable(e => e.Mode(mode))

.Sortable()

.Filterable()

.ClientEvents(events => events.OnError("onGridError")))

Grid Horizontal Scroll does not show when fields overflow in Edit mode

2 Answers, 1 is accepted