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

[Solved] How to set Grid's Edit popup position

5 Answers 737 Views

Grid

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

mac asked on 03 Aug 2012, 11:30 PM

Image-3.png

I am using MVC Wrapper sample project by telerik.

How to set the position for add/edit popup? I want it to be in center. See attached diagram and code below.
Delete confirmation is not working.
Is there a way to customize alert and confrim. For e.g. when delete is clicked instead of browser's confirm window i would wish to beautify it with default theme.

@model IEnumerable<Kendo.Mvc.Examples.Models.ProductViewModel>

@(Html.Kendo().Grid(Model)

      .Name("Grid")

      .Columns(columns =>

          {

              columns.Bound(p => p.ProductName);

              columns.Bound(p => p.UnitPrice);

              columns.Bound(p => p.UnitsInStock);

              columns.Command(command =>

                  {

                      command.Edit();

                      command.Destroy();

                  });

          })

      .ToolBar(toolbar => toolbar.Create())

      .Editable(editable => editable.Mode(GridEditMode.PopUp)

                                .DisplayDeleteConfirmation(true)

                                .Window(buider => buider.Modal(true)

                                                      .Resizable(c => c.Enabled(true))

                                                      .Animation(true)







                                )

                                .CreateAt(GridInsertRowPosition.Top))

      .Pageable()

      .Sortable()

      .Scrollable()

      .DataSource(dataSource => dataSource

                                    .Server()

                                    .Model(model => model.Id(p => p.ProductID))

                                    .Read("ServerEditing", "Grid")

                                    .Update("Update", "Grid")

                                    .Create("Create", "Grid")

                                    .Destroy("Destroy", "Grid")

      ))

<script type="text/javascript">

    $(document).ready(function() {

        $("form.k-edit-form").kendoValidator();

    });

</script>

[Solved] How to set Grid's Edit popup position

5 Answers, 1 is accepted