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!
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
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.
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
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!
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; }
}
}
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 ?
I'm using the TelerikEditor component:
<TelerikEditor @ref="@SummaryEditor"
Class="rich-editor"
EditMode="@EditorEditMode.Iframe"
Value="@TextDisplayModel.Text"
ValueChanged="@RichEditorValueChanges"
ValueExpression="@((()=> TextDisplayModel.Text))">
</TelerikEditor>
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; }
}}