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

How to set Grid's Edit popup position

5 Answers 579 Views
Grid
This is a migrated thread and some comments may be shown as answers.
mac
Top achievements
Rank 1
mac asked on 03 Aug 2012, 11:30 PM

I am using MVC Wrapper sample project by telerik.

  1.    How to set the position for add/edit popup? I want it to be in center. See attached diagram and code below.
  2.    Delete confirmation is not working.
  3. 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>

5 Answers, 1 is accepted

Sort by
0
Ratna
Top achievements
Rank 1
answered on 08 Aug 2012, 07:54 PM
Hi,

Did you get this fixed? I also have same questions and not been able to solve.
0
Greg
Top achievements
Rank 1
answered on 15 Aug 2012, 02:20 PM
I am also having this problem.  It doesn't appear that the non-mvc Kendo UI grid has this issue.
0
mac
Top achievements
Rank 1
answered on 17 Aug 2012, 07:39 PM
I was unable to figure out the issue.

I also have other problems with edit popup that i cant figure out how to do,

  1. Disable popup animation. Users don't like the flashing of page and animation while they are editing.
  2. Resize the popup window without using custom template. 
0
Ratna
Top achievements
Rank 1
answered on 17 Aug 2012, 08:22 PM
I solved below issues
  1.    How to set the position for add/edit popup? I want it to be in center. See attached diagram and code below.
  2.    Delete confirmation is not working.
by using
.Ajax()
instead of
.Server()


3. check my reply on this post: http://www.kendoui.com//forums/ui/grid/kendo-grid-edit-mode-popup---setting-window-width.aspx

Hope it helps.

Thanks,
Ratna
0
Greg
Top achievements
Rank 1
answered on 20 Aug 2012, 12:10 PM
I'm not able to see the attached diagram.  Is it attached and I just cannot access it?
Tags
Grid
Asked by
mac
Top achievements
Rank 1
Answers by
Ratna
Top achievements
Rank 1
Greg
Top achievements
Rank 1
mac
Top achievements
Rank 1
Share this question
or