Please Add DropDown Container so it will be possible to add Nested Custom Editors inside Grid Cell
Regards
Andrzej
---
ADMIN EDIT
A dropdown container we would create would be a popup that ties to its anchor and gives you a template to render your own content rather than render its own items based on Data. It cannot, however, be tied to a specific case for a grid or other editor, it will be up to the developer to use the container and tie it to the application logic.
It should also expose events like PopupShowing (preferred to also cater for keyboard navigation) or ExpandClick so you can know when it is going to be expanded and, for example, fetch fresh data for scenarios with highly volatile data (example here).
---
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.
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");
}
}
---
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
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.
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.