Telerik Forums
UI for Blazor Forum
0 answers
158 views

Hi

Im using the OnRead event to display data in the autocomplete which works fine as expected for remote data.

What I want to do is display the drop down when the application starts to show some local search results without typing in any text. The OnRead event does fire as it should when the component init runs and ive confirmed the data collection has data in it but the dropdown doesnt open up to show any data unless some text is entered.

Is what im wanting to do possible please?

Phil

Phil
Top achievements
Rank 1
 asked on 12 Mar 2023
1 answer
239 views
Any reason why I can't get 100% width inside the GridToolBarTemplate?
        <GridToolBarTemplate>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-6">
                          My stuff on the left
                    </div>
                    <div class="col-6 text-end">
                        My stuff on the right
                    </div>
                </div>
            </div>
        </GridToolBarTemplate>

Ivan
Top achievements
Rank 3
Iron
Iron
Iron
 answered on 12 Mar 2023
1 answer
135 views

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)

    {
        var currState = GridRef.GetState();
        VwModiFyUser originalItem = List_User.Where(i => i.RoleuserId == RoleIDUserID).FirstOrDefault();
        VwModiFyUser itemToEdit = originalItem;
        currState.EditField = "Email";
        currState.EditItem = itemToEdit;
        currState.OriginalEditItem = originalItem;
        await GridRef.SetStateAsync(currState);
    }                                         
Dimo
Telerik team
 answered on 09 Mar 2023
1 answer
299 views

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?

Dimo
Telerik team
 answered on 09 Mar 2023
0 answers
304 views

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

Guillermo
Top achievements
Rank 1
 asked on 08 Mar 2023
1 answer
233 views

Hi there,

Does the blazor pdfviewer support password-protected PDF files?

If not, is there a workaround for this?

Thanks,

Kurt

Stamo Gochev
Telerik team
 answered on 08 Mar 2023
1 answer
226 views
I am using a TelerikGrid, I want to put filters on several columns, I want to keep it clean so I disable the filter buttons and just set default operators, and I want to add a string placeholder to the already provided textbox and this is my issue. the only solution I could find was to use FilterCellTemplate which I have to rewrite the whole filtering and it is only for one column. I would think that there is a property for that that jus sets a placeholder for string searches.
Svetoslav Dimitrov
Telerik team
 answered on 07 Mar 2023
0 answers
134 views

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

matic
Top achievements
Rank 1
 asked on 06 Mar 2023
1 answer
322 views

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?

Svetoslav Dimitrov
Telerik team
 answered on 06 Mar 2023
1 answer
212 views

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. 

 

Stamo Gochev
Telerik team
 answered on 03 Mar 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?