Telerik Forums
UI for Blazor Forum
0 answers
118 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
119 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
145 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
239 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
109 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
75 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
1 answer
120 views

After editing a cell, if I press ENTER it automatically starts editing the cell below; if I press TAB it automatically starts editing the cell at the right:

After pressing TAB:

I need to deactivate that behavior: Press ENTER or TAB should update the target cell and stop editing any other cell:

I tried using Navigable = "false" with no results. How can I achieve this?

This is the example code:

<TelerikGrid Data="Items" Navigable="false" EditMode="GridEditMode.Incell" Width="400px">
	<GridColumns>
		<GridColumn Field="Name" Title="Name" />
		<GridColumn Field="Phone" Title="Phone" />
		<GridColumn Field="Address" Title="Address" />
	</GridColumns>
</TelerikGrid>

@code {
	private List<Item> Items = new()
	{
	   new Item {Name = "User1", Phone = "1111111", Address = "Address1" },
	   new Item {Name = "User2", Phone = "2222222", Address = "Address2" },
	   new Item {Name = "User3", Phone = "3333333", Address = "Address3" }
	};

	private class Item
	{
	   public string Name { get; set; }
	   public string Phone { get; set; }
	   public string Address { get; set; }
	}
}


Dimo
Telerik team
 answered on 23 Feb 2024
0 answers
135 views

I need a solution where I can rearrange "Boxes" in a GridLayout with Drag & Drop.

Before I start to solve it badly on my own I want to make sure if there is not a good solution out there already !?

Has anyone an example or a headstart for me ?

Hendrik
Top achievements
Rank 2
Bronze
Iron
Iron
 asked on 23 Feb 2024
1 answer
192 views

I'm using the TelerikEditor component:

          <TelerikEditor @ref="@SummaryEditor"
                         Class="rich-editor"
                         EditMode="@EditorEditMode.Iframe"
                         Value="@TextDisplayModel.Text"
                         ValueChanged="@RichEditorValueChanges"
                         ValueExpression="@((()=> TextDisplayModel.Text))">
          </TelerikEditor>
And upon updating the variable TextDisplayModel.Text with a new value, the displayed text is not updated. I confirmed with DevTools that despite the textarea associated with the TelerikEditor component being updated, the iframe content does not update, as you can see on the following screenshot. Has anyone encountered this problem?
Hristian Stefanov
Telerik team
 answered on 23 Feb 2024
1 answer
108 views

When using a detail template on a grid control, the user must click twice to expand the detail section after filtering.  

Executable: https://blazorrepl.telerik.com/QyummElT43XLHu3R42

Steps to reproduce:
1) Load Page

2) Make a selection from the category drop down filter

3) Attempt to expand the detail section of any record by clicking on the "+"


@page "/" @using Telerik.DataSource <TelerikGrid TItem="@Person" OnRead="@LoadGrid" SelectionMode="GridSelectionMode.Single" FilterMode="GridFilterMode.FilterRow" FilterRowDebounceDelay="200" Pageable="true" PageSize="15"><DetailTemplate> @{ var selected = context as Person; } <div class="row">

<div class="col-2">

<h1>@selected.First</h1>

</div>

<div class="col-2">

<h1>@selected.Last</h1>

</div>

</div>

</DetailTemplate>

<GridColumns>

<GridColumn Field="@nameof(Person.First)" Title="First" Filterable="false"></GridColumn>

<GridColumn Field="@nameof(Person.Last)" Title="Last" Filterable="false"></GridColumn>

<GridColumn Field="@nameof(Person.Category)" Title="Category">

<FilterCellTemplate> @{ CategoryFilter = context; } <TelerikDropDownList Data="Categories" @bind-Value="SelectedCategory" OnChange="SetupCategoryFilter">

</TelerikDropDownList>

</FilterCellTemplate>

</GridColumn>

</GridColumns>

</TelerikGrid> @code { private FilterCellTemplateContext CategoryFilter { get; set; } = new(); private List<int> Categories = [0, 1, 2, 3, 4]; private int SelectedCategory { get; set; } private async Task SetupCategoryFilter() { var filter = CategoryFilter.FilterDescriptor.FilterDescriptors[0] as FilterDescriptor; if (filter is null) { return; } filter.Value = SelectedCategory; filter.Operator = FilterOperator.IsEqualTo; await CategoryFilter.FilterAsync(); } protected void LoadGrid(GridReadEventArgs args) { List<Person> list = [ new Person {First = "John", Last = "Doe", Category = 1}, new Person {First = "Jane", Last = "Doe", Category = 2}, new Person {First = "John", Last = "Smith", Category = 3}, new Person {First = "Jane", Last = "Smith", Category = 4} ]; args.Data = list; args.Total = list.Count; }

public class Person
{
    public string First { get; set; }

    public string Last { get; set; }

    public int Category { get; set; }
}

}


Tsvetomir
Telerik team
 answered on 22 Feb 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?