I don't see a Class property on the GridColumn object.  Is there a way to style a specific column?  In my instance, i would like to remove the left border for just 1 of many columsn in the grid.

Thanks in advance.

My app worked on v3.6.1 but when I upgraded to v3.7 I'm getting the error below. It has something to do with the TelerikDatePicker. If I remove the date picker it I don't get the error. Any way I can get around this?

 

fail: Microsoft.AspNetCore.Components.Web.ErrorBoundary[0]
      Microsoft.JSInterop.JSException: Cannot read properties of null (reading 'addEventListener')
      TypeError: Cannot read properties of null (reading 'addEventListener')
          at QM.bindEvents (https://localhost:7116/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:50:1755270)
          at new QM (https://localhost:7116/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:50:1756185)
          at Zt (https://localhost:7116/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:50:1029936)
          at Module.tE (https://localhost:7116/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:50:1756262)
          at https://localhost:7116/_framework/blazor.webassembly.js:1:3332
          at new Promise (<anonymous>)
          at Object.beginInvokeJSFromDotNet (https://localhost:7116/_framework/blazor.webassembly.js:1:3306)
          at Object.St [as invokeJSFromDotNet] (https://localhost:7116/_framework/blazor.webassembly.js:1:59938)
          at _mono_wasm_invoke_js_blazor (https://localhost:7116/_framework/dotnet..oafyft2lng.js:9073:37)
          at do_icall (wasm://wasm/031ebc56:wasm-function[3582]:0xc1359)
         at Microsoft.JSInterop.JSRuntime.<InvokeAsync>d__16`1[[Microsoft.JSInterop.Infrastructure.IJSVoidResult, Microsoft.JSInterop, Version=6.0.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60]].MoveNext()
         at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)
         at Telerik.Blazor.Components.Common.Pickers.TelerikPickerBase`1.<InitPicker>d__119[[System.DateTime, System.Private.CoreLib, Version=6.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].MoveNext()
         at Telerik.Blazor.Components.Common.Pickers.TelerikPickerBase`1.<OnAfterRenderAsync>d__115[[System.DateTime, System.Private.CoreLib, Version=6.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].MoveNext()
         at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

I need a component that allows the user to enter multiple key-values.
Similar to the "properties" window in Visual Studio.

The challenge is that "value" is object type because values ​​can be of different types.

I wanted to implement this using a Grid component with the InCell editing option.
The problem, however, is the unspecified "value" type...
The edit cell would have to render a different edit component depending on the "value" type.

Do you have any idea how to accomplish this?

My test code:

<TelerikGrid Data=@MyData EditMode="@GridEditMode.Incell">
    <GridColumns>
        <GridColumn Field=@nameof(TextValue.Text) Title="Text" Editable="false" />
        <GridColumn Field=@nameof(TextValue.Value) Title="Value" Editable="true" />
    </GridColumns>
</TelerikGrid>

@code
{
    TextValue[] MyData = new TextValue[]
    {
        new TextValue { Text = "test1", Value = "test" },
        new TextValue { Text = "test2", Value = false },
        new TextValue { Text = "test3", Value = 3 }
    };

    public class TextValue
    {
        public string Text { get; set; }
        public object Value { get; set; }
    }
}

I have attached a screenshot.

 

I copied documentation from:  https://docs.telerik.com/blazor-ui/components/grid/overview#creating-blazor-data-grid

 

I'm using version 2.24.0 is this why there is no styling?

Tabstrip titles are default red how to change their color

I have a page/component using the <TelerikGridLayout> object.

I dont seem to be understanding the row tag.

 <GridLayoutRows>      
        <GridLayoutRow Height="100px"></GridLayoutRow>   @*App Msg*@
        <GridLayoutRow Height="25px"></GridLayoutRow>     @*Report Choices*@
        <GridLayoutRow Height="50px"></GridLayoutRow>
        <GridLayoutRow Height="5%"></GridLayoutRow>
        <GridLayoutRow Height="75%"></GridLayoutRow>    @*Report Grid *@
    </GridLayoutRows>

 

I have tried %s also but the same thing seems to happen.

Sometimes the 1st row is covered by the objects in the 2nd row. example:

That text msg area is on the 1st row the Labels and button are on the 2nd row.

I thought the 1st row would push the 2nd row stuff down auto like. :)

How do I get it to not cover each other?

 

Thanks

Deasun.

 

 

I see that there is a Demo page for ASP.NET Core components to bind a Grid component to a GraphQL data source.

Is there a version for Telerik UI for Blazor?

I would like 1 page with 1 grid that depending on user choosing a DDL choice would have different column results.

example:

Rpt 1 choice: Columns = a1, a1, a3, ...

Rpt 2 choice: Columns a1, b2, x4, ....

Can this be done? Or do I have to have a grid for each different report set?

And then just hide other grids not using atm.

Thanks

You can do this with the standard input element:

<input type="text" class="form-control" id="counterAccountCode" placeholder="999-999-999-999-999-999, NONE if not applicable" bind="@Item.CounterAccountCode" />

 

Is there a way to do this with the Blazor TextBox or is this something that is still in the works?

 

Thanks.