Grid On TabStrip Container

[lahyaw galak]

I have grid on tabstrip like this,

tabstrip.Add()
                .Text("Manage Web Content")
                .Content(@<text>
    @(Html.Telerik().Grid<DAL.Entities.Webcontent>()
    .Name("WebContent_")
    .DataKeys(key => key.Add(p => p.ContentId).RouteKey("id"))
    .BindTo((IEnumerable<DAL.Entities.Webcontent>)ViewData["webcontents"])
    .EnableCustomBinding(true)
    .DataBinding(binding => binding.Ajax().Select("ContentIndex", "Admin").Update("WcSave", "Admin"))
    .Columns(columns =>
    {
        //columns.Bound(o => o.ContentId).Hidden().ReadOnly();
        columns.Bound(o => o.ContentActionName).Width(140);
        //columns.Bound(o => o.ContentActionRoute).Hidden().ReadOnly();
        //columns.Bound(o => o.ContentControllerName).Hidden().ReadOnly();
        columns.Bound(o => o.ContentWebPages).Width(300).Encoded(false);
        columns.Command(command =>
        {
            command.Edit().ButtonType(GridButtonType.ImageAndText);
            command.Select().ButtonType(GridButtonType.ImageAndText);
        }).Width(100);
    })
    .Sortable()
    .Editable(editing => editing.Mode(GridEditMode.PopUp).Window(config=> config.Width(800)))
    .Pageable(paging => paging.PageSize(2))
    .HtmlAttributes(new {style = "width:100%"})

my problem is:
1. Grid Size are not inherit from tabstrip container:


2. I have state window popup edit mode

    .Editable(editing => editing.Mode(GridEditMode.PopUp).Window(config=> config.Width(800)))
    .Pageable(paging => paging.PageSize(2))

but, the popup window size are not fixed to 800px as state before, it look like this



thanks in advance,


cheers


yaw