Questions on UI for Blazor Forum

1 answer

293 views

I'm trying to save the CompositeFilterDescriptor.

If I do the following:

var serializedFilter = JsonSerializer.Serialize(FilterValue);
var deserializedFilter = JsonSerializer.Deserialize<CompositeFilterDescriptor>(serializedFilter);

The deserializedFilter FilterDescriptor.MemberType is null and if used causes the the display of the filters to throw an exception.

Note that the filters are part of a user preferences class that is serialized as a whole. So is there a proper way to serialize/deserialize?

Filter

answered on 14 Jul 2022

0 answers

321 views

Google maps in TelerikMap

How can I use Google maps as the provider for TelerikMap?

Map

asked on 12 Jul 2022

1 answer

260 views

In a horizontal tab strip I would like align a single tab to the right of the tab strip.

In a horizontal tab strip I would like align a single tab to the right of the tab strip. Is this possible?

TabStrip

answered on 12 Jul 2022

0 answers

149 views

Browser's back button should close the modal (Window)

When a user clicks the back button on the web browser, especially on mobile, I'd like to close the modal and remain on the same page. Is there a way to achieve this now?

Window

asked on 11 Jul 2022

0 answers

156 views

TileLayoutItem's RowSpan, ColSpan values don't update after an OnResize Event?

When user resizes a TileLayoutItem in a TileLayout, I am trying to detect the new RowSpan and ColSpan values using the OnResize Event.

However, it appears as if the RowSpan and ColSpan values don't update?

Simple Example, resize a tiled item and look at the console output (it never changes regardless of the new user-set spans):

@using Telerik.Blazor.Components

<TelerikTileLayout Reorderable="true" Resizable="true" Columns="4" ColumnWidth="200px" RowHeight="200px" 
                                 OnResize="@OnResize">
        <TileLayoutItems>
            <TileLayoutItem @ref="@_tileItem1" Id="tile1" HeaderText="Tile 1" ColSpan="1" RowSpan="1">
                <Content>Tile 1</Content>
            </TileLayoutItem>
            <TileLayoutItem @ref="@_tileItem2" Id="tile2" HeaderText="Tile 2" ColSpan="1" RowSpan="1">
                <Content>Tile 2</Content>
            </TileLayoutItem>
        </TileLayoutItems>
</TelerikTileLayout>

@code {

    private TileLayoutItem _tileItem1 = null;
    private TileLayoutItem _tileItem2 = null;

    private void OnResize(TileLayoutResizeEventArgs args)
    {
        if (args.Id == "tile1") { Console.WriteLine($"rows: {_tileItem1.RowSpan}, cols:{_tileItem1.ColSpan}"); }
        else if (args.Id == "tile2") { Console.WriteLine($"rows: {_tileItem2.RowSpan}, cols:{_tileItem2.ColSpan}"); }
    }

}

TileLayout

asked on 09 Jul 2022

1 answer

1.0K+ views

How to set the Value of TextBox programmatically (without binding)

When I try to set 'RefTextBox.Value = value' I get a warning:

How is the Value of a TextBox supposed to be set programmatically without binding it to a variable?

TextBox

updated answer on 09 Jul 2022

0 answers

160 views

Calling SetState on TreeList does not trigger OnStateChanged

Calling SetState on a TreeList does not trigger the OnStateChanged event. I thought the whole point of the OnStateChanged event was to have a central location to capture state change actions on a TreeList? How are we supposed to capture and execute code when SetState is called to change the state of the TreeList?

TreeList

asked on 08 Jul 2022

1 answer

784 views

[Solved] Telerik Grid Generation Dynamic columns creating duplicate columns set.

Hello I am trying to generate Dynamic columns for Telerik Grid it is generating multiple times columns set I want to avoid this please check bellow screen short.

Here is the my code.

<TelerikGrid Data="@SearchConfigs" Resizable="true" Reorderable="true" Groupable="false">
        <GridColumns>
                @foreach (SearchConfig row in SearchConfigs)
                {
                    @foreach (var property in (IDictionary<string, string>)row.SearchFields)
                    {
                        <GridColumn Title="@property.Key">
                            <Template>
                                @property.Value
                            </Template>
                        </GridColumn>
                    }
                }
        </GridColumns>
    </TelerikGrid>

public List<SearchConfig> SearchConfigs { get; set; } = new List<SearchConfig>();

IDictionary<string, string> keyValuePairs = new Dictionary<string, string>
        {
            { "Col1", "Value1" },
            { "Col2", "Value2" },
            { "Col3", "Value3" },
            { "Col4", "Value4" },
            { "Col5", "Value5" },
            { "Col6", "Value6" },
            { "Col7", "Value7" },
            { "Col8", "Value8" },
        };

        SearchConfigs.Add(new SearchConfig { SearchFields = keyValuePairs });
        SearchConfigs.Add(new SearchConfig { SearchFields = keyValuePairs });
        SearchConfigs.Add(new SearchConfig { SearchFields = keyValuePairs });