Telerik Forums
UI for Blazor Forum
1 answer
144 views

Hello, 

 

I have a TelerikPanelBar and I am getting the content from the database.  the text from item.Text is a string, that includes HTML.  Instead of rendering the HTML, it is still just rendering it as a string, even though I am converting it to a Markup String/using Markdig.

 

How can I get the text to display as HTML, instead of a string?

Hristian Stefanov
Telerik team
 answered on 01 Mar 2024
1 answer
93 views

Hi,

The DatePicker gives a runtime error on Hybrid (does works on blazor server)

<TelerikDatePicker Value="@entity.OrderDate.Date" Format="dd-MM-yyyy" ValueChanged="@((DateTime d) => UpdateDateTimeOffsetField(d))" />

If i remove the datapicker tag, there is no problem. I suspect it has something to do with the hybrid stuff

Loaded 'C:\Program Files\dotnet\shared\Microsoft.NETCore.App\8.0.2\System.Collections.Immutable.dll'. Skipped loading symbols. Module is optimized and the debugger option 'Just My Code' is enabled.
Base.ErrorHandler:HandleError: System.Reflection.TargetInvocationException: Exception has been thrown by the target of an invocation.
 ---> System.Exception: A Telerik component on the requested view requires a TelerikRootComponent to be added to the root of the MainLayout component of the app. Read more at: https://docs.telerik.com/blazor-ui/getting-started/what-you-need#project-configuration
   at Telerik.Blazor.Components.RootComponent.TelerikRootComponentFragment.OnInitializedAsync()

 

 

 

Dimo
Telerik team
 answered on 01 Mar 2024
1 answer
1.3K+ views

Hello,

I don't want to add any GridCommandButton into the Grid's Layout.

For example I have implemented a ribbon on my page and there I have a button "Add Entry". Is it possible to achieve the same functionality from that button I have mentioned as when the Add GridCommandButton with the attribute Command="Add" is added to the grid layout in the toolbar?

 

Best regards,

Cipri

Dimo
Telerik team
 updated answer on 01 Mar 2024
1 answer
237 views

When user click on the input field of DatePicker, it either select date, or month, or year, but we want to select whole date input field like it highlights/selects whole content on Tab key.

Tried  with the following code but still no luck.

<span @onfocusin="@FocusHandler">
    <TelerikDatePicker @bind-Value="@SelectedDate"
                       Min="@Min"
                       Max="@Max"
                       Format="MM/dd/yyyy"
                       DebounceDelay="@DebounceDelay"
                       ShowWeekNumbers="true"
                       @ref="@DateRef">
                       <DatePickerFormatPlaceholder Day="day" Month="month" Year="year" />
    </TelerikDatePicker>
    </span>

@code {
    private DateTime? SelectedDate { get; set; }
    private DateTime Max = new DateTime(2050, 12, 31);
    private DateTime Min = new DateTime(1950, 1, 1);
    private int DebounceDelay { get; set; } = 200;
    private TelerikDatePicker<DateTime?> DateRef { get; set; }
    private async Task FocusHandler()
    {
        await DateRef.FocusAsync();
    }
}

 

It gets selected on buttonclick though (code snippet below where it selects all content on button click) - 

<TelerikButton OnClick="@FocusHandler">Focus Date</TelerikButton>
    <TelerikDatePicker @bind-Value="@SelectedDate"
                       Min="@Min"
                       Max="@Max"
                       Format="MM/dd/yyyy"
                       DebounceDelay="@DebounceDelay"
                       ShowWeekNumbers="true"
                       @ref="@DateRef">
                       <DatePickerFormatPlaceholder Day="day" Month="month" Year="year" />
    </TelerikDatePicker> 
@code {
    private DateTime? SelectedDate { get; set; }
    private DateTime Max = new DateTime(2050, 12, 31);
    private DateTime Min = new DateTime(1950, 1, 1);
    private int DebounceDelay { get; set; } = 200;
    private TelerikDatePicker<DateTime?> DateRef { get; set; }
    private async Task FocusHandler()
    {
        await DateRef.FocusAsync();
    }
}

 

Any help would be appreciated! TIA.

-Neelima

Hristian Stefanov
Telerik team
 answered on 29 Feb 2024
1 answer
154 views

Hi.

I'm facing a embarassing problem about browser compatibility of DataGrid.

I want to load my data on demand when the user scroll. 

For that i have choosed a DataGrid and i have implemented a behavior like a "scroll infini" which authorize the user to moove his scrollbar anywhere in the grid.

Everything work but ... on Mozilla Firefox, the Grid work like a incremential grid and not a infinite scroll grid. Even if the code is exactly the same.

On this first screenshot you can see the scrollbar of the grid with Mozilla Firefox (which reduce when you scroll). 


On the second one screenshot, I am on Microsoft Edge (on the same page and same URL) but there the behavior is correct (the scroll bar is small and i can move it anywhere i want even if the data is not yet loaded). 

The DataGrid work well with browser that use Chromium kernel (Microsoft Edge, Opera and Chromium for example).

Do you have any idea ?

Thanks.

 

Best regards,

Yanis.

Yanis
Top achievements
Rank 1
Iron
 answered on 29 Feb 2024
1 answer
110 views

Hi,

 

is there a way to add a closing delay or a safe triangle to a context menu like shown here? Building like it's 1984: A comprehensive guide to creating intuitive context menus - Height

 

Kind regards

Svetoslav Dimitrov
Telerik team
 answered on 29 Feb 2024
1 answer
277 views

As long as I use an API version > 31, everything works. But older versions won't start. Any ideas?

Once I use <TelerikRootComponent> in the layout, the application stops working.

 

 

Could not find TelerikBlazor.getLocationHost ('TelerikBlazor' was undefined). Error: Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined). at https://0.0.0.0/_framework/blazor.webview.js:1:540...

Svetoslav Dimitrov
Telerik team
 answered on 27 Feb 2024
1 answer
211 views

Hi,

We are using Azure OpenAI API.

Is it possible to show the response in the same way chatGPT does it ?  Please see the attached image.

Thank you.!

Nansi
Telerik team
 answered on 27 Feb 2024
0 answers
135 views

I am using a Telerik Upload in one of my project that is currently using Microsoft Azure to host it in the cloud. After a successful submission, my file (which is an image file) should have been saved to my specified location within my project, but it is not. 

Initially, I thought the submission was successful. However, after using the Developer tools and testing out the file validation methods I found in the Telerik Blazor File Upload demo (https://demos.telerik.com/blazor-ui/upload/overview) in my @code, it is clear to me that the submission was valid.

Something else must have been the problem, but I do not know what. Attached is the image for the API endpoint SaveUrl.

Thank you in advance! 

CS Rookie
Top achievements
Rank 1
 asked on 27 Feb 2024
1 answer
126 views

Hi;

I have an app that will have items that I want to put markers up for across the U.S. (and a few internationally). So say I have 50,000 of these items that need a marker - that's way too many.

So how do I approach this? When it is zoomed in, then it will have say 10 - 100 markers so are there events on each scroll and zoom and from that I then give it additional markers? That would work when zoomed in.

Then what is the best way to handle zooming out? Maybe figure out the 200 best matches and only show those?

thanks - dave

Nadezhda Tacheva
Telerik team
 answered on 26 Feb 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?