Sometimes it is helpful to allow the user to pick colors for various purposes.
This control can display the RGB value along with allowing them to change the hue/brightness along with the alpha component.
Also the ability to select from a set of predefined colors would be very nice.
---
ADMIN EDIT
Here is a sample project that showcases how you can use Kendo widgets in Blazor and also contains samples of color pickers: https://github.com/telerik/blazor-ui/tree/master/common/kendo-in-blazor
---
I would like components like the TextBox, NumericTextBox, TextArea, Button to have a method in their reference similar to the FocusAsync() which Microsoft included to the ElementReference in .NET5.
---
ADMIN EDIT
For the time being, you can use JS interop and prepare a suitable selector. Here is a basic example for the button:
@inject IJSRuntime _js
Notes:<br />
- Move this script to a proper place, it is hacked into the component to make this snippet short
- Make sure the ID is unique if you use IDs. THere are other selectors you can use (such as classes, or you can even cascade your selectors to make them more specific)
<br /><br />
<script suppress-error="BL9992">
function focusElement(selector) {
var elem = document.querySelector(selector);
if (elem && elem.focus) {
setTimeout(function () {
elem.focus();
}, 30);
}
}
</script>
<TelerikButton OnClick="@FocusBtn">Focus the other button</TelerikButton>
<br /><br />
<TelerikButton Id="@btnId" OnClick="@SpecialBtnAction">I will be focused programmatically</TelerikButton>
@code{
string btnId = "my-special-btn";
async Task FocusBtn()
{
await _js.InvokeVoidAsync("focusElement", $"#{btnId}");
}
async Task SpecialBtnAction()
{
Console.WriteLine("special button clicked");
}
}
---
Having the ability to specify sections and then allowing the user to expand the section can be very helpful for complex content or menus.
The sections can be expanded so 1 is visible always or multiple can be expanded.
https://www.telerik.com/kendo-react-ui/components/tooltip/
Tooltip is another one of those controls we use everywhere, would like to see a Blazor implementation.
ADMIN EDIT: see the title and the discussion on how this would be handled, it is not going to be a separate property.
As in e.g. WPF/UWP, it would be convenient to get the "actual width" of a component in order to arrange other elements to follow the same width (or height).
Consider a TelerikDropDownList with Width="100%" and I want the PopupWidth to have same width (PopupWidth="100%" will not result in same).
<TelerikDropDownList Width="100%" PopupWidth="@(Dropdown?.Width)" @ref="Dropdown" DefaultItem="@(new Country{Name ="Select..."})" Data="@Countries" ValueField="Abbreviation" TextField="Name" PopupHeight="400px" @bind-Value="@Employee.ContactDetails.CountryCode"></TelerikDropDownList>
public TelerikDropDownList<Country, string> Dropdown { get; set; }
Here, I would like to set PopupWidth as below, to avoid the result in attached image.
PopupWidth="@(Dropdown?.ActualWidth)
Please add a "native" Carousel component for the Telerik UI for Blazor solution.
Currently, to implement a Carousel option in a Blazor application using Telerik components, you may need to leverage the Kendo UI widgets based on jQuery that rely on direct DOM manipulation. In a Blazor application, the software engineer should rely on Blazor to manipulate the DOM, instead of direct DOM manipulation required with tools such as jQuery.
Overlapping Telerik products in the same web application, such as Kendo UI and UI for Blazor, can create issues if releases are out of alignment between the solutions, use of CSS files, and other areas of complication.
Please consider adding a Carousel component as it offers a great experience for marketing to customers, business or consumer, on the home page of any website.
Please add a dashboard layout component.
ADMIN EDIT: There seems to be demand for such a component/feature, so we have re-opened it to gather feedback on what is the expected functionality and use cases. You can Vote for this, Follow its progress, and leave a comment with your expectations/requests. You can also review the discussion for some technical limitations that prevent an implementation at the moment.
ADMIN EDIT 2: The component will be similar to this one: https://demos.telerik.com/kendo-ui/tilelayout/index
Just upgraded to Devcraft complete and I needed a Progress bar and was not able to see it on the current controls.
Will you add a Progress Bar Control for Blazor? I want to use Telerik on all controls in my project as much as possible instead of pulling another control from the public nuget repository.
Thanks.
Joel
Looking for the TreeList control from kendo-ui to be brought over from jQuery to Blazor https://www.telerik.com/kendo-ui/treelist
This is a request for a new feature that I haven't seen across all of the Telerik products.
A new control that makes use of the HTML Canvas to allow for inking within web applications.
Can be used for free hand writing (inking) on mobile devices instead of requiring online keyboard in limited real estate scenarios. Can use to implement signature blocks on forms, convert to text, etc.