Hi,
I have a question. I had a grid which EditMode is Incell and a column had "Editor Template". In this column - "Email", I tried to edit a cell by clicking both left and right mouse, and both of it worked at same way. I used Grid State to edit cell by right mouse clicking.
The problem is: I want to disable edit mode by left click, the cell will edit if it was clicked by right mouse only.
Many thanks.
<TelerikGrid Data="@ListUser"
ColumnVirtualization="true"
Width="100%"
Height="inherit"
Sortable="true"
Resizable="true"
OnCancel="@Rebind"
OnDelete="@DeleteItem"
EditMode="@GridEditMode.Incell"
OnEdit="@EditColumnView"
OnUpdate="@UpdateHandler"
FilterMode="@GridFilterMode.FilterRow"
@ref="@GridRef">
<GridColumns>
<GridColumn Field="@(nameof(VwModiFyUser.Email))" Editable="@edit_Permission" Title="Email" Width="21%" >
<Template>
@{
VwModiFyUser item = context as VwModiFyUser;
<div @oncontextmenu:preventDefault="true" @oncontextmenu="@(()=>{CurrentUser_Name = context as VwModiFyUserEdit_Email2(CurrentUser_Name.RoleuserId);})"> @((context as VwModiFyUser).Email) </div>
}
</Template>
<EditorTemplate>
@{
VwModiFyUser item = context as VwModiFyUser;
<TelerikTextBox @bind-Value="item.Email" OnChange="@(()=>Edit_Email(item.RoleuserId))" OnBlur="@CloseEditorAndSave" Width="100%" />
}
</EditorTemplate>
private async Task Edit_Email(int RoleUserID)
{Hi,
Is is possible to configure the GridSearchBox in the TelerikGrid Toolbar, so that it searches when the user presses ENTER/RETURN instead of after every key press?

I have an animation container for two fields inside the form. One component is a textbox, but the other components is a grid.
The problem is that grid show up other forms of component. This is for the position of css.
<TelerikAnimationContainer @ref="@tacHeaderJson" AnimationType="@AnimationType.PushRight" style="position: static !important;">
<TelerikTextBox @bind-Value="@DataMapHeaders.Value"
Enabled=@Enabled
Id="request-header">
</TelerikTextBox>
</TelerikAnimationContainer>
<TelerikAnimationContainer @ref="@tacHeaderTable" AnimationType="@AnimationType.PushLeft" style="position: static !important;">
<TelerikGrid Data=@HeadersTable
Width="100%"
EditMode="@GridEditMode.Inline"
@ref="@GridRef">
<GridToolBarTemplate>
<GridCommandButton Command="Add" Icon="@SvgIcon.Plus" Enabled="@Enabled">@Localizer!["Add"]</GridCommandButton>
</GridToolBarTemplate>
<GridColumns>
<GridColumn Field="@nameof(HeaderParameter.Parameter)" Title="@Localizer!["Key"]"></GridColumn>
<GridColumn Field="@nameof(HeaderParameter.Value)" Title="@Localizer!["Value"]"></GridColumn>
<GridCommandColumn>
<GridCommandButton Command="Edit" Icon="@SvgIcon.Pencil" ThemeColor="@(ThemeConstants.Button.ThemeColor.Info)" Enabled="Enabled"></GridCommandButton>
<GridCommandButton Command="Cancel" Icon="@SvgIcon.X" ThemeColor="@(ThemeConstants.Button.ThemeColor.Error)" OnClick="@DeleteHandler" Enabled="Enabled"></GridCommandButton>
<GridCommandButton Command="Save" Icon="@SvgIcon.Save" ShowInEdit="true" OnClick="@UpdateHandler" ThemeColor="@(ThemeConstants.Button.ThemeColor.Primary)" Enabled="Enabled"></GridCommandButton>
</GridCommandColumn>
</GridColumns>
</TelerikGrid>
</TelerikAnimationContainer>I try this,
.k-animation-container {
position: static !important;
overflow: hidden;
z-index: 100;
}But the style overide all style of current page. I have some dropdowns and the show the options in the bottom of the page.
Any solution?
Best regards
Hi there,
Does the blazor pdfviewer support password-protected PDF files?
If not, is there a workaround for this?
Thanks,
Kurt
Hello,
Dropdownlist doesn't let you choose item after the first six items. When I scroll down and select an item, it automatically jumps to the start of the list.
Best regards,
Matic
I need aria-label (for accessibility) but when I add it to TelerikWindow:
<TelerikWindow @ref="myWindow" Header="My Window" Width="300" Height="200" aria-label="My Custom Label">but getting the following error:
System.InvalidOperationException: Object of type 'Telerik.Blazor.Components.TelerikWindow' does not have a property matching the name 'aria-label'.
The same if I try to add AdditionalAttributes
<TelerikWindow @ref="myWindow" Header="My Window" Width="300" Height="200" AdditionalAttributes="@windowAttributes">
<Content>
<div class="window-content">
<p>This is my window content.</p>
</div>
</Content>
</TelerikWindow>
@code {
private Dictionary<string, object> windowAttributes = new Dictionary<string, object> { { "aria-label", "My Custom Label" } };
private TelerikWindow myWindow;
}How I can add aria-label to TelerikWindow?
I have an extensive app in webforms using Telerik controls. Do Telerik controls for Blazor function similar to Telerik coontrols for ASP.NET Forms? I'm trying to understand the scope of work to migrate to Blazor. My app has little Javascript and mostly code behind forms.
I need to bind a complex object to telerik grid field, i read the article
https://docs.telerik.com/blazor-ui/knowledge-base/grid-bind-navigation-property-complex-object
but it not explain if i can bind an indexed property.
For example i need this bind:
<GridColumn Field="Property.NestedProperty[0].Value" />
but it seem not working.
Can be binded indexed properties?
Thanks
Is there a way to do this? Right now, if you have too many, they just run off the screen.
Thanks... Ed
