Popup Edit Template

1 Answer 2271 Views
Grid
Robert Madrian
Top achievements
Rank 1
Veteran
Iron
Robert Madrian asked on 11 Jun 2016, 09:10 AM

Hello,

is it possible to remove the title and the Update and Cancel button so that I can use my own template?
(if yes how to call the upade and cancel with javascript)

I want to have my own Toolbar with update and cancel and some other bottons and also e special title bar...

robert

Maria Ilieva
Telerik team
commented on 13 Jun 2016, 02:05 PM

Hi Robert ,

For achieving the required functionality you can use custom popup editor as shown in the code library below:
http://www.telerik.com/support/code-library/custom-popup-editor-52debd2ced8d

I hope this helps.

Regards,
Maria Ilieva
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Robert Madrian
Top achievements
Rank 1
Veteran
Iron
commented on 13 Jun 2016, 02:22 PM

I know how to use a template but I want to have my own "Header/Title" and my own buttons for Update and cancel!

how to do that?

 

robert

Maria Ilieva
Telerik team
commented on 15 Jun 2016, 11:02 AM

Hi,

The text of the controls in popup/editing mode can be customized through the configuration options. For more information and code sample please check this help topic.

If you want to attach specific class name or inline style you may hook up to the edit event of the Grid and use jQuery. As an example:
edit: function(e) {
    e.container.find(".k-button.k-grid-update"); //update button
    e.container.find(".k-button.k-grid-cancel"); //cancel button
}


Regards,
Maria Ilieva
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Robert Madrian
Top achievements
Rank 1
Veteran
Iron
commented on 15 Jun 2016, 11:20 AM

Hi,

I don't want to change the existing update and cancel buttons but want to remove/hide them and replace it with my own
toolbar - because I need more than two buttons...

my question is how to use the same update and cancel "functions" in my own toolbar (Javascript calls?)

robert

Maria Ilieva
Telerik team
commented on 17 Jun 2016, 12:47 PM

Hi Robert ,

In this case it would be better to use editor template and add the required button in there.
http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/grid/templating/editor-templates


Regards,
Maria Ilieva
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Robert Madrian
Top achievements
Rank 1
Veteran
Iron
commented on 22 Jun 2016, 09:58 AM

I use an editor template but I want to remove the fix existing Update and Cancel Buttons with my own buttons and also want to remove the Header (Title...)...

 

robert

1 Answer, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 24 Jun 2016, 12:09 PM
Hi Robert ,

Generally the built in buttons can not be changed except to change their text as I suggested. You can put a template for the popup by adding file with the same name as the model used for binding the Grid in the " EditorsTemplates" folder and add custom buttons in this template.
As for the header text you can use:
.Editable(editable => editable.Mode(GridEditMode.PopUp).Window(w=>w.Title("test")))



Regards,
Maria Ilieva
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Grid
Asked by
Robert Madrian
Top achievements
Rank 1
Veteran
Iron
Answers by
Maria Ilieva
Telerik team
Share this question
or