Questions on UI for Blazor Forum

0 answers

958 views

Anyone been able to get BlazorMonaco and Telerik Blazor to work together? Just adding the javascript files to project prevents app from even loading.

This line is the culprit. App loads without it but obviously Monaco editor will not load without it.

Telerik Blazor 2.30

BlazorMonaco 2.1.0

.NET 6

Here is just one of the many exceptions:

Thanks

Jim

Message: Unhandled exception rendering component: Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined).
Error: Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined).
at http://localhost:5000/_framework/blazor.server.js:1:497
at Array.forEach (<anonymous>)
at i.findFunction (http://localhost:5000/_framework/blazor.server.js:1:465)
at E (http://localhost:5000/_framework/blazor.server.js:1:2606)
at http://localhost:5000/_framework/blazor.server.js:1:3494
at new Promise (<anonymous>)
at Tt.beginInvokeJSFromDotNet (http://localhost:5000/_framework/blazor.server.js:1:3475)
at http://localhost:5000/_framework/blazor.server.js:1:71773
at Array.forEach (<anonymous>)
at Tt._invokeClientMethod (http://localhost:5000/_framework/blazor.server.js:1:71759)

--- Exception ---------------------------------------
Exception: Microsoft.JSInterop.JSException - Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined).
Error: Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined).
at http://localhost:5000/_framework/blazor.server.js:1:497
at Array.forEach (<anonymous>)
at i.findFunction (http://localhost:5000/_framework/blazor.server.js:1:465)
at E (http://localhost:5000/_framework/blazor.server.js:1:2606)
at http://localhost:5000/_framework/blazor.server.js:1:3494
at new Promise (<anonymous>)
at Tt.beginInvokeJSFromDotNet (http://localhost:5000/_framework/blazor.server.js:1:3475)
at http://localhost:5000/_framework/blazor.server.js:1:71773
at Array.forEach (<anonymous>)
at Tt._invokeClientMethod (http://localhost:5000/_framework/blazor.server.js:1:71759)

--- Stack Trace --------------------------------------
at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object[] args)
at Telerik.Blazor.Components.Dialog.DialogBuilder.OnAfterRenderAsync(Boolean firstRender)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)
------------------------------------------------------

General Discussions

asked on 15 Jan 2022

1 answer

820 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

280 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

504 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

187 views

[Solved] 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

272 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

145 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

101 views

[Solved] 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

254 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

194 views

[Solved] 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