How to resize Popup Editor

[rooney]

Hi,

Anyone know how to resizing window of popup editor?
like resizing width and height.

[Iliana Dyankova]

Hello Rooney,

Resizing the popup window in Kendo UI Grid is not supported out of the box and in order to achieve the desired outcome an additional code is needed. For example you can use the following CSS: 

.k-widget.k-window {
    width: 500px;
    height: 500px;
}

I hope this information helps. 

Kind regards,
Iliana Nikolova
the Telerik team

[rooney]

Hello Iliana Nikolova

Thank for you info

[Nohinn]

Be careful if you have other window controls in your site, as this css rule will also be applied to them.
If you only want to apply it to the edit popup window, you can use this code in the edit event of the grid:

edit: function(e) {

   $(e.container).parent().css({

      width: '500px',

      height: '500px'

   });

}

[rooney]

Hii nohinn
thank before

i have been following your post, in this http://www.kendoui.com/forums/ui/grid/crud-actions---what-should-server-response-be.aspx#2256031
i have some problem, when i creating new data and finish it, and than that new data is updated, that data is not update but adding new data. updating process can be working if page is reloaded.
i using code igniter to make it

this kendo script :

$("#grid_bank").kendoGrid({

        dataSource: {

            transport: {

                read: "<?=base_url()?>/bank",

                create: {url:"<?=base_url()?>/bank/create",type:"POST"},

                update: {url:"<?=base_url()?>/bank/update", type:"POST"},

                destroy: {url:"<?=base_url()?>/bank/destroy",type:"POST"}

            },

            batch: true,

            schema: {

                model: {

                    id: "id_bank",

                    fields: {

                        id_bank: {type: "number" },

                        nama_bank: { type: "string" },

                    }

                }

            }, pageSize: 25

        },

        editable:  "popup", height: 450, filterable: true, sortable: true, pageable: true,

        toolbar: [{text: "Tambah Data", name: "create"}],

        columns: [

            { field: "nama_bank",title: "Nama", filterable: true },

            { command: [{text:"Edit", name:"edit"}, {text:"Hapus",name:"destroy"}], title: " ", width: "160px" }

        ]

    });

and this controller script :

....

public function index() {

        header("Content-type: application/json");

        $arr = array();

        $data=$this->bank_model->get_bank();

        foreach ($data as $hasil) {

            $arr[]=$hasil;

        }

         

        print json_encode($arr);

    }

     

    public function create() {

        header("Content-type: application/json");

        $nama_bank = $_POST['models'][0]['nama_bank'];

        $this->bank_model->create_bank($arr);

    }

     

    public function update() {

        $id_bank = $_POST['models'][0]['id_bank'];

        $nama_bank = $_POST['models'][0]['nama_bank'];

        $arr = array( 'nama_bank' => $nama_bank );

        $this->bank_model->update_bank($id_bank, $arr);

    }

     

    public function destroy() {

        $id_bank = $_POST['models'][0]['id_bank'];

        $this->bank_model->destroy_bank($id_bank);

    }

and this model script :

public function get_bank()

    {

        $this->db->select('*');

        $this->db->from('bank');

        $this->db->order_by('id_bank','DESC');

        $query = $this->db->get();

  

        return $query->result();

    }

     

    public function create_bank($data){

        $this->db->insert('bank', $data);

    }

     

    public function update_bank($id, $data){

        $this->db->where('id_bank', $id);

        $this->db->update('bank', $data);

    }

     

    public function destroy_bank($id){

        $this->db->where('id_bank', $id);

        $this->db->delete('bank');

    }

so, why can't updating data after adding new data before page is reloaded.

Thank

[Nohinn]

I'm sorry, I have never worked with popup edit mode before, so I'm not sure if anything from the code I posted should be adapted to it.
I can just say that be careful using a number as the Id field of the grid, as the grid will treat 0 as a new record although it already exists.