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

Hi I tried your blazor-ui demo, the Menu component to find out how it can collapse the sub-menu when user click outside of them.

Tested on android phone and the menu with sub-menu is not working. When I touch the menu with sub-menu, nothing happened.

https://demos.telerik.com/blazor-ui/menu/images
https://demos.telerik.com/blazor-ui/menu/overview

https://demos.telerik.com/blazor-ui/menu/template

I tried with 2 browser just to make sure.

Hello everyone,

Is there any posibility to change the arrows from te left of the TreeView somehow?

Best regards,
Ciprian

#app {
  height: 100vh;
  
  /* grid container settings */
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: 
    'header'
    'main'
    'footer';
}
Can I use named areas and fractions?