Hi all;

This is on Blazor server side (running on .Net 8, but using the old ver 6 server side).

First off, is this the right approach? I have a map marker up and it has a `MapLayerMarkerSettingsTooltip` that has some information - including a link and a clickable razor component. But if I move the mouse to the tooltip, when it leaves the marker it goes away.

1. Is this the right approach? Or should the tooltip be static text and they have to click the marker, and on the click I popup an overlay dialog?

2. If this is the right approach, how do I get the tooltip to stay up?

thanks- dave

ps - This was incredibly easy to get running. Kudos to the dev team that created this and the documentationt eam that wrote it up.

Hi all;

I've just got my first map control up and running (go me!).

It is presently running great using the openstreetmap.org data as shown in the examples. It says it can use Azure maps instead. My question is - what advantage do I get from that?

And if the advantage is worth it, where do they document how to switch this over to the Azure Maps datasource?

thanks - dave

Issue Description: I'm encountering challenges with dynamically positioning the command column within the Telerik Blazor DataGrid while using a single grid component for two pages. Each page utilizes the same grid component but may have different sets of columns generated dynamically. Despite this setup, I'm unable to ensure that the command column consistently appears at the last position in the grid on both pages.

Background: In my application, I've implemented Telerik Blazor's DataGrid component to display tabular data across multiple pages. To streamline development and improve code maintainability, I've opted to use a single grid component shared between two pages. Each page may have a different set of columns generated dynamically based on the specific requirements of the page. Additionally, the data source for the grid is an ExpandoObject, and I'm using a loop to dynamically generate columns.

Current Approach: My current approach involves dynamically generating columns using a loop for each page's specific requirements. However, due to the shared nature of the grid component and the dynamic nature of the data source, I'm experiencing difficulties in ensuring that the command column, which contains actions like edit, delete, etc., is consistently positioned at the last column on both pages.

Expected Behavior: I expect to have precise control over the position of the command column within the DataGrid, even when using a single grid component shared between two pages and dynamically generating columns with ExpandoObject as the data source. Regardless of the page being accessed, the command column should always appear at the last position in the grid, providing users with a consistent interface for interacting with the data.

Request for Assistance: I'm seeking assistance from the Telerik community for guidance, insights, or potential workarounds on how to achieve the desired behavior of positioning the command column as the last column in the DataGrid consistently across two pages, even when utilizing a shared grid component and dynamically generating columns with ExpandoObject as the data source.

Any assistance or suggestions would be highly appreciated. Thank you for your support!

After editing a cell, if I press ENTER it automatically starts editing the cell below; if I press TAB it automatically starts editing the cell at the right:

After pressing TAB:

I need to deactivate that behavior: Press ENTER or TAB should update the target cell and stop editing any other cell:

I tried using Navigable = "false" with no results. How can I achieve this?

This is the example code:

<TelerikGrid Data="Items" Navigable="false" EditMode="GridEditMode.Incell" Width="400px">
	<GridColumns>
		<GridColumn Field="Name" Title="Name" />
		<GridColumn Field="Phone" Title="Phone" />
		<GridColumn Field="Address" Title="Address" />
	</GridColumns>
</TelerikGrid>

@code {
	private List<Item> Items = new()
	{
	   new Item {Name = "User1", Phone = "1111111", Address = "Address1" },
	   new Item {Name = "User2", Phone = "2222222", Address = "Address2" },
	   new Item {Name = "User3", Phone = "3333333", Address = "Address3" }
	};

	private class Item
	{
	   public string Name { get; set; }
	   public string Phone { get; set; }
	   public string Address { get; set; }
	}
}

I need a solution where I can rearrange "Boxes" in a GridLayout with Drag & Drop.

Before I start to solve it badly on my own I want to make sure if there is not a good solution out there already !?

Has anyone an example or a headstart for me ?

I'm using the TelerikEditor component:

          <TelerikEditor @ref="@SummaryEditor"
                         Class="rich-editor"
                         EditMode="@EditorEditMode.Iframe"
                         Value="@TextDisplayModel.Text"
                         ValueChanged="@RichEditorValueChanges"
                         ValueExpression="@((()=> TextDisplayModel.Text))">
          </TelerikEditor>

When using a detail template on a grid control, the user must click twice to expand the detail section after filtering.  

Executable: https://blazorrepl.telerik.com/QyummElT43XLHu3R42

Steps to reproduce:
1) Load Page

2) Make a selection from the category drop down filter

3) Attempt to expand the detail section of any record by clicking on the "+"

@page "/"
@using Telerik.DataSource

<TelerikGrid TItem="@Person"
             OnRead="@LoadGrid"
             SelectionMode="GridSelectionMode.Single"
             FilterMode="GridFilterMode.FilterRow"
             FilterRowDebounceDelay="200"
             Pageable="true"
             PageSize="15"><DetailTemplate>
        @{
            var selected = context as Person;
        }
        <div class="row">
            <div class="col-2">
                <h1>@selected.First</h1>
            </div>
            <div class="col-2">
            <h1>@selected.Last</h1>
            </div>
        </div>
        </DetailTemplate>
        <GridColumns>
            <GridColumn Field="@nameof(Person.First)" Title="First" Filterable="false"></GridColumn>
            <GridColumn Field="@nameof(Person.Last)" Title="Last" Filterable="false"></GridColumn>
            <GridColumn Field="@nameof(Person.Category)" Title="Category">
                <FilterCellTemplate>
                    @{
                        CategoryFilter = context;
                    }
                    <TelerikDropDownList
                        Data="Categories"
                        @bind-Value="SelectedCategory"
                        OnChange="SetupCategoryFilter">
                    </TelerikDropDownList>
                </FilterCellTemplate>
            </GridColumn>
        </GridColumns>
    </TelerikGrid>
@code
{
    private FilterCellTemplateContext CategoryFilter { get; set; } = new();

    private List<int> Categories = [0, 1, 2, 3, 4];
    
    private int SelectedCategory { get; set; }

    private async Task SetupCategoryFilter()
    {
        var filter = CategoryFilter.FilterDescriptor.FilterDescriptors[0] as FilterDescriptor;

        if (filter is null)
        {
            return;
        }

        filter.Value = SelectedCategory;
        filter.Operator = FilterOperator.IsEqualTo;

        await CategoryFilter.FilterAsync();
    }

    protected void LoadGrid(GridReadEventArgs args)
    {
        List<Person> list =
        [
            new Person {First = "John", Last = "Doe", Category = 1},
            new Person {First = "Jane", Last = "Doe", Category = 2},
            new Person {First = "John", Last = "Smith", Category = 3},
            new Person {First = "Jane", Last = "Smith", Category = 4}
        ];

        args.Data = list;
        args.Total = list.Count;
    }
    public class Person
    {
        public string First { get; set; }

        public string Last { get; set; }

        public int Category { get; set; }
    }
}
    
            
                
            
            
                
            
        
    
    
        
        
        
            
            
        
    

Hi,
since jQuery has Telerik styles via SASS, is it SASS also available for Blazor? If so, is there direct support for XAML mixins and syntax changes for MAUI clients? Since we want to build Razor pages and WASM for MAUI client with existing Telerik theme which would make consistent appearance within existing jQuery applications ...

Kind regards.