Questions on UI for Blazor Forum

1 answer

776 views

validation for dynamically rendered components

Hello I have a question related to Validation.

In our application we use forms that are dynamically rendered (without using a model). Therefor we are not able to use the TelerikFrom and its edit context. I was wondering if it is possible to do Validation on a single Property/field and show a validation message (with the Validation built by Telerik)? As far as I can see, you seem to only support validation for components wrapped in the TelerikForm/EditForm. Thanks in advance

ValidationMessage

answered on 15 Jan 2022

1 answer

221 views

TelerikWindow within TelerikWindow

In the current version 2.30

Is it possible to create a component with containing a TelerikWindow (Modal = true) witch in turn also has another component containing another TelerikWindow (Modal = true), this last being opened when clicking for example on a button of the 1st component?

So far several unsuccessful attempts (using Visible & VisibleChanged or @bind-Visible)

2nd window not displayed
Seems to break the 1st one (close button not working anymore)
No error displayed

Thanks in advance.

General Discussions

Window

answered on 15 Jan 2022

1 answer

443 views

Carousel show more than 1 item at a time.

Hi,

Im looking to make a carousel but I would like it to show more than 1 item at once < item1 item2 item3> instead of <item1> and onclick I would get <item2 item3 item4>

Carousel

answered on 15 Jan 2022

1 answer

151 views

TelerikMultiSelect has a <ItemTemplate> but no <SelectedItemTemplate>

I can give the items in the dropdown a color, but once these items are selected i have no influence over the formatting.

The selected items are always a <span>item name</span> even if the corresponding item in the dropdown has its own style with a red color.

Is there a workaround so I can format selected items as well?

MultiSelect

answered on 15 Jan 2022

1 answer

228 views

How to add TelerikDropDownList to Wizard?

Even in the demo example, it shows Country as a textbox instead of a dropdown.

How to integrate a dropdown with the telerik form in the wizard?

Wizard

answered on 15 Jan 2022

1 answer

120 views

Dynamic data on Chart creates bunch of divs

Hello,

I'm pushing data to chart from signalr every 1-2s and it's working fine but for each new entry, Telerik adds a DOM at the end of the document (<div style="display: none;">...</div> which overtime can generate thousands of those divs. Is there a way to eliminate those or at least to remove not used ones (as I'm showing max 10 latest records in the chart).

Thanks

<TelerikChart Transitions="false">
                <ChartTooltip Visible="true" />
                <ChartLegend Visible="false" />
                <ChartChartArea Background="transparent" />

                <ChartSeriesItems>
                    <ChartSeries Type="ChartSeriesType.Line"
                                 Name="Value"
                                 Data="@Data"
                                 Field="Value"
                                 CategoryField="Time">
                    </ChartSeries>
                </ChartSeriesItems>
            </TelerikChart>

Charts

answered on 15 Jan 2022

1 answer

81 views

TelerikGrid Filtering does not display proper value in drop-down

Hello there

I am using Telerik Filtering,

here is my code snippet

<TelerikGrid Data="@UsersSource" Height="400px"
                                 Pageable="true" PageSize="PaginationHelpers.PageSize"
                                 FilterMode="GridFilterMode.FilterRow"
                                 Resizable="true" Reorderable="true"
                                 OnRowClick="@OnRowClickHandler"
                                 SelectionMode="@GridSelectionMode.Multiple"
                                 @bind-SelectedItems="@SelectedUsers">
                        <GridColumns>
                            <GridCheckboxColumn />
                            <GridColumn Field="@(nameof(User.Name))" Title="@_translator["NameLabel"]" />
                            <GridColumn Field="@(nameof(User.Username))" Title="@_translator["UserNameLabel"]" />
                            <GridColumn Field="@(nameof(User.BirthDate))" Title="@_translator["DateOfBirthLabel"]" DisplayFormat="{0: MM/dd/yyyy}" />
                            <GridColumn Field="@(nameof(User.Role))" Title="@_translator["RoleLabel"]" />
                        </GridColumns>
                    </TelerikGrid>

but this does not show the proper value in Filetering drop-down, it's show like this

instead of

Grid

answered on 15 Jan 2022

1 answer

210 views

TelerikGrid Filtering does not display proper value in drop-down

Hello there

I am using Telerik Grid

In Grid, I am using default FilterMode="GridFilterMode.FilterRow" for Filtering

but it does not display the proper value in the drop-down for Filtering

here is my code snippet

<TelerikGrid Data="@UsersSource" Height="400px"
                                 Pageable="true" PageSize="PaginationHelpers.PageSize"
                                 FilterMode="GridFilterMode.FilterRow"
                                 Resizable="true" Reorderable="true"
                                 OnRowClick="@OnRowClickHandler"
                                 SelectionMode="@GridSelectionMode.Multiple"
                                 @bind-SelectedItems="@SelectedUsers">
                        <GridColumns>
                            <GridCheckboxColumn />
                            <GridColumn Field="@(nameof(User.Name))" Title="@_translator["NameLabel"]" />
                            <GridColumn Field="@(nameof(User.Username))" Title="@_translator["UserNameLabel"]" />
                            <GridColumn Field="@(nameof(User.BirthDate))" Title="@_translator["DateOfBirthLabel"]" DisplayFormat="{0: MM/dd/yyyy}" />
                            <GridColumn Field="@(nameof(User.Role))" Title="@_translator["RoleLabel"]" />
                        </GridColumns>
                    </TelerikGrid>

the output is like this

instead of

Grid

answered on 15 Jan 2022

1 answer

153 views

GridColumnMenu Column selection Event

I'm designing a grid that requests only the data for currently selected columns. I'd like to drive this using the GridColumnMenu, but I need notification on the user selecting new columns so I can update the query and pull in new data. Is there an event or other method I can detect which columns are currently enabled by the user?

Grid

updated answer on 14 Jan 2022

1 answer

447 views

Expand/Collaps Details on RowClick instead of clicking the expand/collapse button?

Instead of having the user click on the expand/collapse button on the row, we want them to be able to click the entire row to expand/collapse the details template. We have implemented it like and that seems to be working, but it seems like there should be a better way to do this, perhaps even built in?

        async Task OnRowClickHandler(GridRowClickEventArgs args)
        {

            args.ShouldRender = true;

            int currentIndexOfItem = CorporateCustomerList.IndexOf(args.Item);
            if (currentIndexOfItem > -1)
            {
                var state = Grid.GetState();

                if(state.ExpandedRows.Contains(currentIndexOfItem))
                    state.ExpandedRows.Remove(currentIndexOfItem);
                else
                    state.ExpandedRows.Add(currentIndexOfItem);


                await Grid.SetState(state);



                
            }
        }

Grid

answered on 14 Jan 2022