Completed
Last Updated: 04 Apr 2022 11:22 by ADMIN
Release 3.2.0
Created by: Datafyer
Comments: 1
Category: Button
Type: Feature Request
34

In some cases I have need of a button with additional options.
These options are typically put in a drop down associated to the button.

A split button makes this natural.
In this mode the user can click on the button itself or expand the dropdown and click on one of the options inside.

Completed
Last Updated: 02 Sep 2020 07:29 by ADMIN
Release 2.17.0
Created by: Datafyer
Comments: 8
Category: Button
Type: Feature Request
20

In some cases I have need of a true/false or on/off selection.

Currently I am doing that through drop down options however it would be more natural in some cases to have a switch style button.

Completed
Last Updated: 30 Mar 2022 11:55 by ADMIN
Release 3.2.0
Created by: Christian
Comments: 5
Category: Button
Type: Feature Request
15
I have a EditForm and want to place the submit / reset Buttons outside the EditForm Tag.

In HTML 5 there is a 'form' Attribute on a button Tag, but the Telerik button doesn't seem to have that. I tried using the @attributes parameter, but this didn't work.

So, how can I achieve this?
Duplicated
Last Updated: 09 Sep 2023 11:42 by ADMIN

It would help me with my testing mostly.

===

ADMIN EDIT

You may also want to vote for and follow this request for adding Id property to all components

https://feedback.telerik.com/blazor/1495842-add-id-parameter-on-all-blazor-components

If you need this attribute for testing only,  you may find interesting this request: https://feedback.telerik.com/blazor/1513117-translators-for-selenium-testing-for-the-telerik-ui-for-blazor-components. If so, Vote for it and Follow it so we can know there is interest, and so you can get status updates.

===

 

Unplanned
Last Updated: 13 Jul 2020 08:37 by ADMIN
Created by: Thomas
Comments: 0
Category: Button
Type: Feature Request
6

It lets the browser "click" the button without requiring initial focus first.

The following can be a workaround for the time being:

 

<TelerikButton OnClick="@OnSave" Primary="true">
    Save<span accesskey="S"></span>
</TelerikButton>

@code{
    async Task OnSave()
    {
        Console.WriteLine("saved");
    }
}

 

Duplicated
Last Updated: 11 Mar 2020 12:22 by ADMIN
Created by: Ben Hayat
Comments: 1
Category: Button
Type: Feature Request
4
I would like to request for a Split Button (with drop down choices ) with text and Icon.
with drop down selection event.
Unplanned
Last Updated: 16 Oct 2023 13:52 by Jayden
WCAG 4.1.2 was flagged by our accessibility checker due to the above redundancy. Disabled buttons have both "disabled" and aria-disabled="true" attributes.
Declined
Last Updated: 09 Mar 2022 17:05 by ADMIN

Consider the following Blazor markup:

<TelerikButton OnClick="@MyClickHandler" Enabled="false">Click me!</TelerikButton>

 

This will be rendered as a disabled HTML button with the class k-disabled. If a malicious user edits the DOM to remove the disabled attribute and said class, the button will become enabled. If the user then clicks the button, the registered OnClick EventCallback gets executed, even though Enabled is set to false.

Telerik-REPL link https://blazorrepl.telerik.com/QcumwJPA47xzAake54

Here is a JavaScript function that can be used to enable the disabled button (please make sure to use the correct JavaScript context when using it inside the Browsers DevTools):

function enableButton() {
    const element = document.getElementById("button_2");
    element.disabled = false;
    element.classList.remove("k-disabled");

}

We are not sure if this can be considered a bug or if the registered OnClick EventCallback is supposed to make sure the button is enabled. It would, however, make sense for a Blazor Server environment if the TelerikButton component would check its Enabled state before triggering the EventCallback.