Remove Clear Button on Asp.Net Core Form

[Xavier]

Hi eveyone,

How can i remove the Form Clear Button?

Thanks

[Emerson]

Hello, I also need to add the clean button with this code to change the text of the button.

[Alexander]

Hi Emerson,

You can use the .ButtonsTemplateId() configuration option and provide a template for both the submit and clear buttons. For example:

.ButtonsTemplateId("buttons")

<script id="buttons" type="text/x-kendo-template">
    <div class="myButtonsContainer">
		<div class="myButtonsContainer">
			<button class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary k-form-submit">
				<span class="k-button-text">My Submit Button</span>
			</button>
			<button class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-form-clear">
				<span class="k-button-text">My Clear Button</span>
			</button>
		</div>
    </div>
</script>

In addition, as of version R1 2022, the Button introduces new rendering and styling options that you can use in order to customize the look and feel of a given Button, as per your preference. More information you can find here:

Button Appearance

With that said, here is a Telerik REPL that illustrates the mentioned above.

[Petar]

Hi Hi Xavier.,

You can use the following Form component configuration:

.ButtonsTemplate("<button class=\"k-button k-primary k-form-submit\" type=\"submit\">Submit</button>")

With the definition of the above ButtonsTemplate, we will add only the Submit button to the Form.

I hope the above suggestion will help you implement what you need in your application. 

Regards,
Petar
Progress Telerik

[M]

Hi,

How it can be done by Tag helpers?

Thanks

[Alexander]

Hi,

The Telerik UI for ASP.NET Core Form TagHelper exposes both a "buttons-template" and "buttons-template-id" TagHelper attributes that can be utilized for altering the buttons' markup as per your requirements. Here is an example:

<kendo-form name="exampleForm" buttons-template="<button class='k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary k-form-submit' type='submit'>My Submit</button>">

For your convenience, here is Telerik REPL that tackles the aforementioned configuration:

• Telerik REPL for ASP.NET Core Example #1

And another Telerik REPL example that showcases the utilization of the "buttons-template-id" configurations as well similarly to how it is illustrated in my previous reply in the thread:

• Telerik REPL for ASP.NET Core Example #2