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 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?

Is there any way to have the OnChange event get called when they click enter but NOT when the textbox loses focus?

My textbox is in a modal and it performs a data search when Enter is clicked in the textbox, but the problem is when I click the Cancel button in my modal window it fires the event if I am still focussed on the textbox and it interferes with the closing of the modal.

As it stands at the moment, what I'm assuming are the grid keyboard settings means that shift-enter doesn't add a newline when typing text, it instead confirms the edit and saves the grid row. 

Is there a way around this?

All the best,
John