I have a grid and I want to pop up an animation container with content specific to a row when a button is clicked in that row.

How do I reference the correct animation container?  No matter which button I click, it always loads the last animation container.

I've set @ref="notesPopup" for the animation container in the grid template

In code:

TelerikAnimationContainer notesPopup;

async Task ToggleNotes()
{
await notesPopup.ToggleAsync();
}

I think the question is how do I dynamically set the @ref and reference it in code?

Thank you

I'm new to Blazor with Telerik and i'm having trouble creating a "top-level" notification layout.

I'm using a Drawer for a menu and would like a top-level notification component at the same level or above this Drawer component.

I'm using this as an example: https://github.com/telerik/blazor-ui/tree/master/notification/single-instance-per-app

But when I try to implementation something similar I end up with multiple @Body fragments in my MainLayout as seen below and in turn the content is duplicated.

Although the cascading Notification stuff works nice :)
I figure I'm missing something basic perhaps about encapsulating these into Blazor components? or something related to layouts?
Thanks,
Ed
 
<TelerikRootComponent>
    <TelerikButton OnClick="@(() => DrawerRef.ToggleAsync())" Icon="@IconName.Menu"></TelerikButton>
    <img src="https://www.qat.com/wp-content/uploads/2015/03/qat-global-logo-s.png" align="middle" />
   
    <CultureChooser />

    <TelerikNotification @ref="@Notification.Instance"
                         HorizontalPosition="@NotificationHorizontalPosition.Right"
                         VerticalPosition="@NotificationVerticalPosition.Top"
                         Class="big-notification">
    </TelerikNotification>
    <CascadingValue IsFixed="true" Value="@Notification">
        <div class="content px-4">
            @Body
        </div>
    </CascadingValue>

    <TelerikDrawer @ref="@DrawerRef" Data="@NavigablePages" Expanded="@Expanded" MiniMode="true" Mode="@DrawerMode.Push"
                   SelectedItemChanged="((DrawerItem item) => SelectedItemChangedHandler(item))"
                   ExpandedChanged="((bool newValue) => ExpandedChangedHandler(newValue))">
        <Content>
            @Body
        </Content>
    </TelerikDrawer>

</TelerikRootComponent>

Is it possible to have 2 different column values show for each chart category?

1 data series would show wider than the other data series and they would be together for each vertical section?
Essentially a multi-axis column chart but merged together for matching categories.

Does anybody have an example of how to do this in the blazor grid?

If not,  does anybody have an example of a dropdownlist column template that show the text in the grid but stores the id in the list of items for the grid?

Thanks … Ed

Will Telerik Blazor components support this new functionality in the future?

https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.components.elementreferenceextensions.focusasync?view=aspnetcore-5.0#Microsoft_AspNetCore_Components_ElementReferenceExtensions_FocusAsync_Microsoft_AspNetCore_Components_ElementReference_

Set UI focus in Blazor apps
    
Blazor now has a FocusAsync convenience method on ElementReference for setting the UI focus on that element.

<button @onclick="() => textInput.FocusAsync()">Set focus</button><input @ref="textInput"/>

I am using a telerik tab control with a grid in one tab.  If you sort, filter, or page the grid; the state will be lost if you click into a tab and then back to the tab with the grid.  What's the proper way to save this state?

Thanks - Doug

Grid is using Incell edit mode.  Clicking on a cell brings the cell into focus but it's only on the second click that the OnRowClick event is firing. i.e. when the cell entered edit mode.

Is this expected behavior?

Keyboard selection only seems to match the first letter of the text.  Is there a setting to change this behavior?

I've confirmed this behavior on the Blazor UI DropDownList demo as well.  If you type in the state dropdown it just keeps changing the selection to the first state that begins with the last letter typed. 

Without the ability to use the keyboard it makes large dropdownlists unmanageable.