Telerik Forums
UI for Blazor Forum
1 answer
21 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
22 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
29 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
15 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
10 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
1 answer
23 views

Hi all;

This is on Blazor server side (running on .Net 8, but using the old ver 6 server side).

First off, is this the right approach? I have a map marker up and it has a `MapLayerMarkerSettingsTooltip` that has some information - including a link and a clickable razor component. But if I move the mouse to the tooltip, when it leaves the marker it goes away.

1. Is this the right approach? Or should the tooltip be static text and they have to click the marker, and on the click I popup an overlay dialog?

2. If this is the right approach, how do I get the tooltip to stay up?

thanks- dave

ps - This was incredibly easy to get running. Kudos to the dev team that created this and the documentationt eam that wrote it up.

Nadezhda Tacheva
Telerik team
 answered on 26 Feb 2024
0 answers
25 views

I attempted to develop a versatile grid component for Blazor to facilitate reusability.


@typeparam TItem
    <TelerikGrid  Data="Data" SelectionMode="GridSelectionMode.Multiple"
                 Pageable="true" PageSize="3" Page="1"
                 Sortable="true" SortMode="@SortMode.Multiple"
                 FilterMode="GridFilterMode.FilterMenu"
                 EditMode="@GridEditMode.Popup"
                 Resizable="true" Reorderable="true" ConfirmDelete="true">

        <GridSettings>

            <GridValidationSettings Enabled="true"></GridValidationSettings>

            <GridPopupEditSettings MaxWidth="600px"
                                   MaxHeight="300px"
                                   Class="custom-popup"
                                   Title="Update Details">
            </GridPopupEditSettings>
            <GridPopupEditFormSettings Orientation="@FormOrientation.Horizontal"
                                       ButtonsLayout="FormButtonsLayout.Center"
                                       Columns="3">

            </GridPopupEditFormSettings>
        </GridSettings>


        <GridToolBarTemplate>
            <GridCommandButton Command="ExcelExport" Icon="@SvgIcon.FileCsv">Export to Excel</GridCommandButton>
            <GridCommandButton Command="Add" Icon="@SvgIcon.Plus">Add Employee</GridCommandButton>
        </GridToolBarTemplate>

        <GridExport>
            <GridExcelExport FileName="EmployeeDetails Sheet" AllPages="true" />
        </GridExport>

        <GridColumns>
    
            @GridCols
        
            <GridCommandColumn>
                <GridCommandButton Command="Save" Icon="@SvgIcon.Save" ShowInEdit="true">Update</GridCommandButton>
                <GridCommandButton Command="Edit" Icon="@SvgIcon.Pencil">Edit</GridCommandButton>
                <GridCommandButton Command="Delete" Icon="@SvgIcon.Trash">Delete</GridCommandButton>
                <GridCommandButton Command="Cancel" Icon="@SvgIcon.Cancel" ShowInEdit="true">Cancel</GridCommandButton>
            </GridCommandColumn>
        </GridColumns>
    </TelerikGrid>



@code
{
    [Parameter]
     public IEnumerable<TItem>? Data{get; set;}

    [Parameter]
    public RenderFragment<TItem>? GridCols { get; set; }

}
This is the code for the reusable generic grid component.



@page "/emp"
@inject HttpClient Http
@using System.Text.Json;

<h1>Employee Details</h1>

@if (employees == null)
{
    <p><em>Loading...</em></p>
}
else
{
    <GenericGrid TItem="EmpDetails" Data="@employees">
      <GridCols>
            <GridColumn Field="@nameof(EmpDetails.Name)" Title="Employee Name" /> 
            <GridColumn Field="@nameof(EmpDetails.Age)" Title="Age" />
            <GridColumn Field="@nameof(EmpDetails.Place)" Title="Place" />
      </GridCols>
    </GenericGrid>

}

When utilizing the Generic component, the column fields are not being generated as expected. Could someone assist in resolving this issue?
Hyper
Top achievements
Rank 1
 updated question on 25 Feb 2024
0 answers
22 views

Hi all;

I've just got my first map control up and running (go me!).

It is presently running great using the openstreetmap.org data as shown in the examples. It says it can use Azure maps instead. My question is - what advantage do I get from that?

And if the advantage is worth it, where do they document how to switch this over to the Azure Maps datasource?

thanks - dave

David
Top achievements
Rank 1
 asked on 24 Feb 2024
0 answers
14 views

Issue Description: I'm encountering challenges with dynamically positioning the command column within the Telerik Blazor DataGrid while using a single grid component for two pages. Each page utilizes the same grid component but may have different sets of columns generated dynamically. Despite this setup, I'm unable to ensure that the command column consistently appears at the last position in the grid on both pages.

Background: In my application, I've implemented Telerik Blazor's DataGrid component to display tabular data across multiple pages. To streamline development and improve code maintainability, I've opted to use a single grid component shared between two pages. Each page may have a different set of columns generated dynamically based on the specific requirements of the page. Additionally, the data source for the grid is an ExpandoObject, and I'm using a loop to dynamically generate columns.

Current Approach: My current approach involves dynamically generating columns using a loop for each page's specific requirements. However, due to the shared nature of the grid component and the dynamic nature of the data source, I'm experiencing difficulties in ensuring that the command column, which contains actions like edit, delete, etc., is consistently positioned at the last column on both pages.

Expected Behavior: I expect to have precise control over the position of the command column within the DataGrid, even when using a single grid component shared between two pages and dynamically generating columns with ExpandoObject as the data source. Regardless of the page being accessed, the command column should always appear at the last position in the grid, providing users with a consistent interface for interacting with the data.

Request for Assistance: I'm seeking assistance from the Telerik community for guidance, insights, or potential workarounds on how to achieve the desired behavior of positioning the command column as the last column in the DataGrid consistently across two pages, even when utilizing a shared grid component and dynamically generating columns with ExpandoObject as the data source.

Any assistance or suggestions would be highly appreciated. Thank you for your support!

1 answer
12 views
how can I do Parameter Linkage in a blazor with multiple graph? Does anyone have a sample?
Literately I want to achieve this: https://towardsdatascience.com/dynamic-charts-make-your-data-move-19e540a06bd3 using blazor
Dimo
Telerik team
 answered on 23 Feb 2024
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?