I know the focus is .NET 5 right now and rightfully so. Currently the latest version Telerik DOES work with .NET 6 but there are a few issues like exceptions being throw after navigating away from a page with Telerik controls... usually resulting in a ton of exceptions being thrown.
Microsoft.JSInterop.JSDisconnectedException: JavaScript interop calls cannot be issued at this time. This is because the circuit has disconnected and is being disposed.
I'm wondering if we will see a preview release or beta of Telerik available to possibly test with before the final release of .NET 6 in November? I remember last year .NET 5 support was added on the last preview build they released.
I have a need to create FormItems dynamically according to an collection of selected paramter types.
Example, we have a collection of objects (Abbreviated example below), and each item in the collection represents an input (FormItem in TelerikForm).
public class Parameter
{
public string Label {get;set;}
public ParameterTypeEnum ParameterType {get;set}
public bool IsRequired {get;set;}
}
These types can be string, DateTime, List (ComboBox), int, etc.
Then when the Blazor App receives the response from API, it will receive this collection.
From that response, I need to create TelerikForm -> FormItems for each item in the collection.
Is there a way to pass a collection of "things" into the TelerikForm that it can interpolate into the corresponding FormItems?
If not, how can this be accomplished?
Thx, B
I have added a footer to a column which is bound to a field of type nullable decimal.
Now when I call in footer @context.Sum no value is displayed. Some fields are actually null. But I assume that these are not taken into account in the summation.
Using the latest Telerik for Blazor in a Blazor Server web application.
<GridColumn ... >
<Template>
@{
var alert = (...)context;
// NB: Telerik suppresses the checked attribute, but the UI is correct and onchange() works
<input type="checkbox" checked="@(alert.Checked)" @onchange="@(e => ...(alert, (bool)e.Value!))"/>
}
</Template>
</GridColumn>
Hello, is there a way to trigger the OnChange event within the wizard step only for the next action and not for the previous action. Currently I'm using the Wizard and wizard step to allow users to input data into a Telerik grid component. Since there is currently no validation for the grid I'm having to use my own validation which simple checks to see if there is at least 1 record in the grid before allowing the user to move on. However, since the OnChange event fires for both (next and previous) this makes the page not so user friendly. I would like to allow my validation to still work but only if the user wants to go to the next step in the Wizard but ignore my validation if they wish to go back. Below I have attached a code snippet of my OnChange parameter along with my validation.
I have just purchased Telerik Blazor UI and requires the use if the TelerikTreeList component to visualise heirachical data but also need a visualisation per row ie ideally there would be a sparkline but this isn't in the compoennts list nor is it in the Roadmap. I have tried using the standard chart but they seem too heavy and do not draw in the available space. In your chart page on the web site you show a chart in a grid in exactly the way I need. Can you please advise how this is done:
Hi I'm having a cascading menu on the right side of the page, So it is natural to make the popup direction to the left.
like bootstrap dropdown dropleft
https://getbootstrap.com/docs/4.5/components/dropdowns/#dropleft
Does anyone know whats the solution for this common layout? Thanks in advance.
This is the current behaviour when the menu is on the right side of the page.
This is my code, taken and modified from https://docs.telerik.com/blazor-ui/components/menu/overview
<h3>menu on Right side</h3>
<div class="toolbar-buttons">
<TelerikMenu Data="@MenuItems" Orientation="MenuOrientation.Horizontal"
UrlField="@nameof(MenuItem.Page)"
ItemsField="@nameof(MenuItem.SubSectionList)"
TextField="@nameof(MenuItem.Section)">
</TelerikMenu>
</div>
@code {
public List<MenuItem> MenuItems { get; set; }
public class MenuItem
{
public string Section { get; set; }
public string Page { get; set; }
public List<MenuItem> SubSectionList { get; set; }
}
protected override void OnInitialized()
{
MenuItems = new List<MenuItem>()
{
new MenuItem()
{
Section = "Right aligned menu", // items that don't have a URL will not render links
SubSectionList = new List<MenuItem>()
{
new MenuItem()
{
Section = "menuItem1",
SubSectionList = new List<MenuItem>()
{
new MenuItem()
{
Section = "menuItem-subMenu1",
Page = "consultingservices"
},
new MenuItem()
{
Section = "menuItem-subMenu1",
Page = "education"
}
}
},
new MenuItem()
{
Section = "MenuItem2",
Page = "company/events"
}
}
},
};
base.OnInitialized();
}
}
<style type="text/css">
.toolbar-buttons {
display: flex;
flex-direction: row;
justify-content: end;
}
</style>
I would like to put individual form elements of a form into a tile layout so that the form elements can be moved around to suit the end user's layout preferences.
Is it possible?