I have a Grid with a popup edit window and an Add Item command in the toolbar. When a new item is added, it calls a method that calls several other async tasks which can take 3-4 seconds to complete. Is there a way to modify the Update button on the edit grid popup with some kind of working/processing indicator?

As an example of what I've attempted (using Ed Charbeneau's Spinkit):

<GridCommandButton Command="Save" Icon="add" ShowInEdit="true" OnClick="@SendNewUserEmail">
    <SpinLoader IsLoading="@IsProcessingNewUser">
        <LoadingTemplate>
            <Circle /> Working on it...
        </LoadingTemplate>
        <ContentTemplate>
            Add User
        </ContentTemplate>
    </SpinLoader>
</GridCommandButton>

 

But this button doesn't appear in the grid popup at all.

Hi

Ref: https://feedback.telerik.com/blazor/1432800-set-grouping-from-code

Set static group from code

Is it possibile to forbid the user to remove the grouping configured by code ??

Tnx

Hello,

i was looking for a way to change the selected drop down item template
like in the picture when i select a country i want to show the flag where KY right now is 

I searched and saw there was a thread on not showing the indicator if there were no children, is there a way to hide the indicator in ALL cases?

I am not using the indicator to open/close the nested grids.

What I am doing currently, is I have a checkbox in certain columns if the data in that column is really more than what the column can contain, so I make a nested grid for the additional data if they want to see more information. Because the checkbox is doing the event, the indicator is not needed.

Hi,

My app needs authentication and I use JWT.

Is want to populate a TreeView with some personal image, but the question stay open for all component with ImageUrlField property

 

How to query an image url that contains the JWT token, ie in the header

Authorization: Bearer <token>

?

Thanks

 

This is an example of how it was done using Kendo UI - http://dojo.telerik.com/EviNI

 

Is there a way of doing the same with the Blazor grid?

Hi

How do I style the CheckBox to appear like the standard Check Box? I want it to be large, width= 50

 

    <td><InputCheckbox id="chkpopup" class="form-control" style="width: 50px;" @bind-Value="Popup" /> </td>

                <TelerikCheckBox Id="chkpopup" 
                                 @bind-Value="@Popup"
                                 OnChange="@PopUpCheckChanged">
                </TelerikCheckBox>

 

See attachment.. I want the small Telerik CheckBox to appear large and blue.

 

thx

 

Hello,
I have a Blazor server app with multiple pages. Each page has 1 to 3 Kendo grids on it. Everything works fine but if I navigate between pages then I am getting the error this.element is null (in browser development tools). The full error is below. It could be a couple of hours working fine an then error occur on random pages and Blazor message asks to reload but page's content showing fine.
I do understand that it could be no answer for this, I am just asking if somebody had the same Blazor behaviour.

Thanks.
[2020-06-10T15:38:56.950Z] Error: Microsoft.JSInterop.JSException: this.element is null
value@http://flextest2/_content/telerik.ui.for.blazor/js/telerik-blazor.js:40:18644
u@http://flextest2/_content/telerik.ui.for.blazor/js/telerik-blazor.js:1:10606
beginInvokeJSFromDotNet/r<@http://flextest2/_framework/blazor.server.js:8:31421
beginInvokeJSFromDotNet@http://flextest2/_framework/blazor.server.js:8:31390
C</e.prototype.invokeClientMethod/<@http://flextest2/_framework/blazor.server.js:1:19202
C</e.prototype.invokeClientMethod@http://flextest2/_framework/blazor.server.js:1:19173
C</e.prototype.processIncomingData@http://flextest2/_framework/blazor.server.js:1:17165
e/this.connection.onreceive@http://flextest2/_framework/blazor.server.js:1:10276
x</e.prototype.poll/</<@http://flextest2/_framework/blazor.server.js:1:30261
s/</<@http://flextest2/_framework/blazor.server.js:1:27386
s/<@http://flextest2/_framework/blazor.server.js:1:27491
a@http://flextest2/_framework/blazor.server.js:1:26261

   at Microsoft.JSInterop.JSRuntime.InvokeWithDefaultCancellation[T](String identifier, Object[] args)

   at Telerik.Blazor.Components.TelerikWindow.OnAfterRenderAsync(Boolean firstRender)

   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle) blazor.server.js:15:27309
[2020-06-10T15:38:57.003Z] Information: Connection disconnected. blazor.server.js:1:5212
Error: Cannot send data if the connection is not in the 'Connected' State.

Hi,

 

is there a possibility to zoom in to a part of a chart?

 

Best Regards

I have 2 different concepts which are displayed together with a shared category axis.
Currently there is a 1 to 1 mapping between each.

Is it possible to align each in every category so that they are vertically aligned?
Currently they seem to display side by side.
This might be because the bottom column can be vary large and in the worst case go all the way to the top.

In addition can the bottom column be made to be larger and a different z-index then the top chart?

For instance in the image the bottom column would grow from top to bottom and be visually larger than the top column.
Therefore any overlap would be visually easy to distinguish.