Button is always rendered as type button

1 Answer 565 Views
Button
Daniel
Top achievements
Rank 3
Iron
Iron
Iron
Daniel asked on 31 Jan 2022, 09:38 AM | edited on 31 Jan 2022, 09:44 AM

Hey guys,

I know that your intention with the kendo button was always to render a button of type "button". Also I know you're providing a kendo form widget to render a full form with a submit button.

But isn't there any solution to achive a basic html form and then render a kendo button of type "submit"? I know I can change it with jquery manually afterwords or by registrating an function which will fire the submit again, but i would only use this when there isn't any built in solution to force it as type submit.

My intention was to render the kendo button with the tag helper and then manually set the type but it will be always overridden back to type "button" instead of keeping it as "submit".

<kendo-button name="btnSubmit" theme-color="ThemeColor.Primary" class="float-right" type="submit">
                Speichern
                @(Html.Kendo().Loader()
                    .Name("loader")
                    .HtmlAttributes(new { aria_busy = "false", aria_description = InfoMessages.LoadingOperation, aria_live = "polite" })
                    .Size(LoaderSize.Small)
                    .ThemeColor(LoaderThemeColor.Light)
                    .Type(LoaderType.InfiniteSpinner)
                    .Visible(false)
                )
            </kendo-button>

1 Answer, 1 is accepted

Sort by
1
Accepted
Stoyan
Telerik team
answered on 02 Feb 2022, 10:51 AM | edited on 02 Feb 2022, 10:56 AM

Hello Daniel,

The reported behavior is caused by a known Regression Bug. You can review the Feedback Portal item here. In addition I have added a vote for the item on your behalf.

I'd like to inform you that the Bug fix is currently in development and will be a part of our next official release. When the Bug Report is marked as "Completed" you will be able to test the behavior immediately in our internal releases.

Meanwhile you can use the following workaround:

       <button type="submit" class="k-button k-button-lg k-button-solid k-button-solid-primary k-rounded-lg">
                     Html Kendo Button
              </button>
Please refer to our updated Styles and Appearance article for more information about the available configurations.

 

Regards,
Stoyan
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
Button
Asked by
Daniel
Top achievements
Rank 3
Iron
Iron
Iron
Answers by
Stoyan
Telerik team
Share this question
or