Telerik Forums
UI for Blazor Forum
1 answer
88 views

Hello, 

 

I am attempting to install the trial version of Telerik UI for Blazor on a brand new .NET 8 Blazor WebAssembly Standalone App project that has not been setup with the sample pages (an empty project). I have followed the WebAssembly setup tutorial in the Telerik UI for Blazor documentation. However, when I run the application the page is using Times New Roman as the font. Does the default theme (kendo-theme-default) use the Times New Roman font? If not, how can I change my application to use the font that is intended to be used with the default theme (kendo-theme-default)? If neither of these options are available, what is the best practice way of setting the font for the entire application?

 

Thank you!

Svetoslav Dimitrov
Telerik team
 answered on 25 Jul 2024
0 answers
49 views

I would like to change the Panelbar backgound based on the hierarchy level.

I have 3 level nesting in the PanelBarItem collections. On each level I would like a different color/background color scheme.

This is my PanelBarItem class


public class PanelBarItem
{
    public int Level {  get; set; }
    public string Text { get; set; }
    public bool Disabled { get; set; }
    public string Url { get; set; }
    public object Icon { get; set; }
    public List<PanelBarItem> Items { get; set; }
}

and this is my PanelBar data


    private List<PanelBarItem> LoadFAQData()
    {
        List<PanelBarItem> items = new List<PanelBarItem>()
        {
            new PanelBarItem()
            {
                Level=0,
                Text = "Provider Transactions",
                Icon = SvgIcon.Accessibility,
                Items = new List<PanelBarItem>()
                {
                    new PanelBarItem()
                    {
                        Level=1,
                        Text = "Can I perform both DDE and HIPAA batch transactions?",
                        Icon = SvgIcon.QuestionCircle,
                        Items = new List<PanelBarItem>()
                        {
                            new PanelBarItem()
                            {
                                Level=2,
                                Text = "Basic registration gives you the ability to perform DDE Transactions. You must check the box labeled \"I would like to do HIPAA Transactions\" and complete all required fields for HIPAA Batch Transactions."
                            }
                        }
                    },
                    new PanelBarItem()
                    {
                        Level=1,
                        Text = "Why can't I submit a claim to this website?",
                        Icon = SvgIcon.QuestionCircle,
                        Disabled = false,
                        Items = new List<PanelBarItem>()
                        {
                            new PanelBarItem()
                            {
                                Level=2,
                                Text = "Under HIPAA, health plans are permitted to choose the coordination of benefits (COB) model they wish to perform, either the Provider-to-payer or the payer-to-payer method. We have chosen to use the payer-to-payer method of COB. We have entered into trading partner agreements with the Medicare contractors. These agreements permit us to receive claims electronically directly from Medicare. If you submit a claim to Medicare for one of the Policyholder s listed on our eligibility file, you need do nothing more, Medicare will forward the claim to us for processing."
                            }
                        }
                    },
                    new PanelBarItem()
                    {
                        Level=1,
                        Text = "Is pre-certification required?",
                        Icon = SvgIcon.QuestionCircle,
                        Disabled = false,
                        Items = new List<PanelBarItem>()
                        {
                            new PanelBarItem()
                            {
                                Level=2,
                                Text = "No. However, Medicare Select policies require prior approval for scheduled admissions to non-network hospitals. Please contact the claims customer service department at 1-877-825-9337 for further assistance. "
                            }
                        }
                    },
...

George
Top achievements
Rank 1
Iron
Iron
 asked on 24 Jul 2024
1 answer
74 views
I have a RadioGroup that I am using a TemplateItem to display three radio buttons.  When any of the radio buttons are selected another small set of form fields are enabled and if the radio button is deselected the same form fields are disabled.
This works well but I would like to add field validation to the mix by enabling field validation for the form fields when they are active and removing the validation when they are not active.
I've tried creating some custom attribute validators but am not sure how to pick up the action of selecting a radio button.  
Any ideas on how to best accomplish this task?

i.e. In the picture below, I only wish to validate the Month/Date/Year if the "End by" radio is selected & only validate the numeric field if the "End after" radio is selected. 
    <ItemTemplate Context="context2">
                    @{
                            var item = (ScheduleEndModel)context2;
                            if (item.Id == 1)
                            {
                                AppState.Schedule.IsEndNever = false;
                                <strong>
                                  End by:
                                </strong>
                                <TelerikDatePicker 
                                    @bind-Value="@AppState.Schedule.EndDate" 
                                    OnChange="@StateChangeTrigger"
                                    Min="@DateTime.Today"
                                    Max="@DateTime.MaxValue"
                                    Format="MM/dd/yyyy"
                                    DebounceDelay="@DebounceDelay"
                                    ShowWeekNumbers="true"
                                    Width="10vw" 
                                    Enabled="@EnableOnDate">
                                    <DatePickerFormatPlaceholder Day="Day" Month="Month" Year="Year" />
                                    </TelerikDatePicker>
                            }else
                            if (item.Id == 2)
                            {
                                AppState.Schedule.IsEndNever = false;
                                <strong id="endtype1">
                              End after:
                                </strong>
                                <TelerikNumericTextBox @bind-Value="@AppState.Schedule.EndAfterOccurrenceCount" OnChange="@StateChangeTrigger" Width="7vw" Enabled=@EnableAfterCount></TelerikNumericTextBox> <strong>occurrence(s)</strong>

                            }
                            else if (item.Id == 3)
                            {
                                AppState.Schedule.IsEndNever = true;
                                <strong>
                                No end
                                </strong>                            
                            }
                        }
                    </ItemTemplate>
                </TelerikRadioGroup>

Nadezhda Tacheva
Telerik team
 answered on 23 Jul 2024
1 answer
113 views

Hi,

I have a treelist where the parentID is a GUID so it is defined as a string.

The child items don't appears.

It seems that string is not supported in ParentID.

Any turn around for that?

Best regards.

Dimo
Telerik team
 answered on 19 Jul 2024
1 answer
68 views

Hi,

I have a TreeView where the initial values are set programmatically.

When all the child nodes are checked the parent node should be checked as well. But it isn't:
https://blazorrepl.telerik.com/GIOLlWks03IKIiiZ31

Is there any solution for that?

 

Best regards,

Rayko

Dimo
Telerik team
 answered on 19 Jul 2024
1 answer
61 views

Hello,

I'm having an hard time to understand why my error arent showing in my blazor app when they happen inside the OnClick event of an DropDownButtonItem.

I've joined some code to reproduce the problem. When you click on "twitter" inside the Share DropDownButton, you should be able to see the "System.Exception" in the console log of the browser (f12) but nothing happen.

I can clearly see the "1" from the Console.WriteLine right before it but not the exception.

In my program, I was expecting to see our custom error handling to catch that error and show an error message to the client, but instead, nothing happen since we dont know the code failed, nor do we receive any answer

Thank you

<div class="demo-section auto">
    <TelerikDropDownButton Icon="@SvgIcon.Share">
        <DropDownButtonContent>Share</DropDownButtonContent>

        <DropDownButtonItems>
            <DropDownButtonItem Icon="@SvgIcon.Twitter" OnClick="@(()=>OnItemClick("Twitter"))">Twitter</DropDownButtonItem>
        </DropDownButtonItems>

    </TelerikDropDownButton>
</div>

@code {
    private void OnItemClick(string item)
    {
        Console.WriteLine(1);
        throw new System.Exception();
        Console.WriteLine(2);
    }
}


Nadezhda Tacheva
Telerik team
 answered on 18 Jul 2024
3 answers
311 views

Working on a Blazor WASM app (.NET 8) and seeing the error below in the browser's console after successful Hot Reload from VS2022 and clicking on any button in the app. Same button works fine before the Hot Reload. The issue is not limited only to buttons. I believe this started with the latest VS update (17.10.3). The Telerik version we're using is old, 4.3.0, however we never had that particular issue before.

Anybody having the same issues? Is this VS issue?

Thank you,

Stefan

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

Microsoft.JSInterop.JSException: Cannot read properties of null (reading 'addEventListener')
TypeError: Cannot read properties of null (reading 'addEventListener')
    at gD.bindEvents (http://localhost:5137/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:50:1844171)
    at gD.onAfterShow (http://localhost:5137/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:50:1844381)
    at Module.fe (http://localhost:5137/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:50:1044593)
    at http://localhost:5137/_framework/blazor.webassembly.js:1:2878
    at new Promise (<anonymous>)
    at b.beginInvokeJSFromDotNet (http://localhost:5137/_framework/blazor.webassembly.js:1:2835)
    at Object.vn [as invokeJSJson] (http://localhost:5137/_framework/blazor.webassembly.js:1:58849)
    at http://localhost:5137/_framework/dotnet.runtime.8.0.5.gongq8hbow.js:3:178364
    at Tl (http://localhost:5137/_framework/dotnet.runtime.8.0.5.gongq8hbow.js:3:179198)
    at wasm://wasm/00b2193a:wasm-function[349]:0x1fab4
   at Microsoft.JSInterop.JSRuntime.<InvokeAsync>d__16`1[[Microsoft.JSInterop.Infrastructure.IJSVoidResult, Microsoft.JSInterop, Version=8.0.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60]].MoveNext()
   at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)
   at Telerik.Blazor.Components.Dialog.DialogBase.InvokeOnAfterShowAsync()
   at Telerik.Blazor.Components.Dialog.DialogBuilder.OnAfterRenderAsync(Boolean firstRender)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Nadezhda Tacheva
Telerik team
 answered on 17 Jul 2024
0 answers
72 views

How can I set the Z-index for the AnimationContainer to make it visible in the foreground ? 

I am using it inside a Window-Control (Modal=True) and that makes problems in my case...

Hendrik
Top achievements
Rank 2
Bronze
Iron
Iron
 asked on 17 Jul 2024
1 answer
73 views

Hello,

We're in need of being able to export a hierarchical grid to pdf within a Blazor WASM. Currently the only example that you are providing is to do a jQuery PDF Export Document Export using jQuery and the Kendo UI for jQuery. Do you have an example that allows us to export to PDF with the UI for Blazor library or another route we can use to get around this issue? 

Thanks!

Dimo
Telerik team
 answered on 17 Jul 2024
0 answers
98 views

I am using localisation like this: 

builder.Services.AddSingleton(typeof(ITelerikStringLocalizer), typeof(SampleResxLocalizer));

That worked just fine until I added the TelerikColorPalette-Control for the first time. Blazor throwed errors and it took me a while to get to the problem. It seems that there are missing entries in the TelerikMessages.de-DE.resx but I cannot figure out which. 

Same problem with TelerikColorPicker...

I allready downloaded the latest version of TelerikMessages.resx and TelerikMessages.de-DE.resx from the demo-project and I also tried the communtiy-version. 

How can I fix this problem ?


 

Hendrik
Top achievements
Rank 2
Bronze
Iron
Iron
 asked on 16 Jul 2024
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?