Telerik Forums
UI for Blazor Forum
0 answers
2 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.

    <script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/loader.js"></script>

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)
------------------------------------------------------
James
Top achievements
Rank 1
 asked on 15 Jan 2022
0 answers
4 views

I'm a relative Newbie to web programming and Blazor.

I'm wondering if I still need Bootstrap if now I have Telerik. Does Telerik replace the need to use bootstrap?
Or do I have to use both (e.g. for making the layout with bootstrap but use telerik controls)?

If not, can I remove the bootstrap scripts?

And what is this Kendo thing (which is over and over across the Telerik website)? Is it another way to theme my app? Do I have to busy myself with this?

TIA

Rudi
Top achievements
Rank 1
 asked on 15 Jan 2022
1 answer
5 views

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

Marin Bratanov
Telerik team
 answered on 15 Jan 2022
1 answer
6 views

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.

Marin Bratanov
Telerik team
 answered on 15 Jan 2022
1 answer
7 views

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>

Marin Bratanov
Telerik team
 answered on 15 Jan 2022
1 answer
7 views

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?

Marin Bratanov
Telerik team
 answered on 15 Jan 2022
1 answer
5 views

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?

Marin Bratanov
Telerik team
 answered on 15 Jan 2022
1 answer
4 views
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>
Marin Bratanov
Telerik team
 answered on 15 Jan 2022
1 answer
4 views

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

 

Marin Bratanov
Telerik team
 answered on 15 Jan 2022
1 answer
5 views

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 

Marin Bratanov
Telerik team
 answered on 15 Jan 2022
Top users last month
Richard
Top achievements
Rank 2
Iron
Iron
Iron
Bernd
Top achievements
Rank 3
Iron
Iron
Iron
Matthias
Top achievements
Rank 5
Bronze
Bronze
Iron
Benedikt
Top achievements
Rank 3
Iron
Iron
Veteran
CHIHPEI
Top achievements
Rank 1
Iron
Iron
Iron