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

Hiding/Suppressing Submit Button

1 Answer 985 Views
Form
This is a migrated thread and some comments may be shown as answers.
Ian
Top achievements
Rank 1
Veteran
Ian asked on 09 Nov 2020, 04:40 PM
I need to suppress/hide the submit button rendered along with the rest of the form when using Html.Kendo().Form(), but cannot see a property that will allow me to do so. My reasoning for this is I have a requirement to render a Tabstrip that will feature multiple tabs with different inputs that will all be submitted together. I want to hide the submit button from each of these Forms, and simply create my own submit button underneath that will call a JS function that will generate a form from all the various inputs and submit that as a single post. I know that I can simply collapse the buttons using a custom style, but I'd rather do it programmatically via the Kendo call instead.

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimitar
Telerik team
answered on 12 Nov 2020, 05:59 AM

Hello Ian,

In order to hide the default buttons that are rendered by the Form, you can use the ButtonsTemplate/ButtonsTemplateId options as follows:

@(Html.Kendo().Form<Kendo.Mvc.Examples.Models.Form.UserViewModel>()
    .Name("form")
    .ButtonsTemplate(" ")
)

Regards,
Dimitar
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Form
Asked by
Ian
Top achievements
Rank 1
Veteran
Answers by
Dimitar
Telerik team
Share this question
or