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?
 

Hi,

I am trying to implement a custom CSV export for a Telerik Blazor Grid.  I want to be able to build up my CSV file manually so can't use the out of the box exporting solutions that the grids currently have.

I want to be able to generate the CSV header row and I want to be able to use the column header titles as they are displayed to the user.

This information doesn't appear to be exposed in the grid API.

I have found this article:

https://docs.telerik.com/blazor-ui/components/grid/state?_ga=2.72679824.2042974694.1630916775-1170839967.1533657392#get-current-columns-visibility-order-field

which shows that you can get a list of current column states but it doesn't look like you can get the properties of the column e.g. fieldName, columnHeaderTitle etc.

The linked article seems to suggest that:

This example also shows a workaround for getting the Field of the column that will be availale in a future release as part of the column state

Are there any updates on what release this will be available in and whether it will include more column properties like Title ?

Thanks.