Questions on UI for Blazor Forum

1 answer

155 views

Invoke javascript in interactive server mode

I am trying to create a ThemeSwitcher component based on the article How to Toggle Between Light and Dark Modes in Blazor

Can this be down in interactive server mode or only in wasm mode?
Has anyone had success with mixed mode using Telerik?

I am used to only create hosted WASM apps. Choosing between server and client render modes. I would choose client.

Getting Started with Blazor’s New Render Modes in .NET 8 (telerik.com)

Blazor RootComponent - Using with Per Page/Component Interactivity Location - Telerik UI for Blazor

General Discussions

answered on 19 Jun 2024

3 answers

251 views

[Solved] Custom image as map

Hi Team,

is it possible to use a custom image inside the map control to place markers on?

Next to the world map, we would like to provide some detailed information for buildings and use the building layout to place markers inside rooms.

Thank you very much in advance!

Alex

Map

answered on 19 Jun 2024

1 answer

170 views

[Solved] Connection Lines for Map component

Hi Team,

would it be possible to add Connection Lines between markers to the Map component?

The items we place on the map are network devices and it would be great, if we could add an array like double[][] to our items to automatically draw a line to this coordinates to show the connections of our network. It could either be an array of coordinates or a list of objects which are already part of the marker layers data.

Thank you very much in advance!

Best regards,

Alexander Schneider

Map

answered on 19 Jun 2024

1 answer

182 views

[Solved] Drag&Drop for Map component

Hi Team,

would it be possible to add Drag and Drop to the Map component?

We have already a lot of items in our application that we want to place on the map and it would be way easier if we could just drag them from a grid or listview onto the map and then save the retreived coordinates in the items and add them to the marker layers data.

Thank you very much in advance!

Best regards,

Alexander Schneider

Map

answered on 19 Jun 2024

1 answer

194 views

TelerikPdfViewer set page from code

Hey,

I'm using the TelerikPdfViewer in blazor to display a PDF, however, I don't want to open the PDF on page 1 , I want to open the PDF to page 5.
Is there a way to set the page number from code, I have not found any documentation on setting the page number from code.

Kind regards
Dimitri

PDFViewer

answered on 18 Jun 2024

1 answer

96 views

Has anyone used the free version of Grammarly as in integration into the TelerikEditor?

Just checking if its been done on blazor or not? I did see some mention of it in the Ajax forums

Editor

answered on 18 Jun 2024

1 answer

280 views

TelerikDropDownList doesn't close after selection

I have a telerik dropdownlist that isn't closing after selection. I've looked at the answer posted here: Dropdownlist does not close after selection in UI for Blazor | Telerik Forums, but that doesn't solve my issue. My value fields match (I am using DateOnly), and the value is a Value type (struct).

<FormItem Field="@nameof(HpuDonation.HpuScheduledPickupDate)">
    <Template>
        <TelerikDropDownList Width="150px" ValueField="@nameof(PickupDateTargetCapacity.PickupDate)" Data="@PickupDates" @bind-Value="@Donation.HpuScheduledPickupDate">
            <ValueTemplate>
                @((context as PickupDateTargetCapacity).PickupDate.ToString("MMMM d"))
            </ValueTemplate>
            <ItemTemplate>
                @((context as PickupDateTargetCapacity).PickupDate.ToString("MMMM d"))
            </ItemTemplate>
        </TelerikDropDownList>
    </Template>
</FormItem>

@code {
    public IEnumerable<PickupDateTargetCapacity> PickupDates { get; set; } = new List<PickupDateTargetCapacityDto>();
    public HpuDonation Donation { get; set; }

    public class HpuDonation
    {
        public DateOnly HpuScheduledPickupDate { get; set; }
        // other fields
    }

    public class PickupDateTargetCapacity
    {
        public DateOnly PickupDate { get; set; }
        // other fields
    }
}

Where am I making the error?

DropDownList

answered on 18 Jun 2024

1 answer

316 views

Grid filtering without model properties

Hi,

I have a Grid component that is used for editing data in an arbitrary database table. The type of the grid is a class that doesn't have properties for each column, but rather simulates columns and row data based on the selected database table structure. The purpose of this is to enable the user to edit a certain database table without the need to define the exact data structure in the web application.

This works fine when displaying data and editing data. However, I need to implement filtering and things start to get tricky.

I have a snippet that simplifies the issue: https://blazorrepl.telerik.com/weYKFcvq2749nY9L57

Before trying to implement filtering, I had no Field attribute on my GridColumns and that worked fine. But when adding the FilterMode attribute to the TelerikGrid component the filter row isn't rendered at all (also not when using FilterCellTemplate). I've read other forum posts about the necessity of the Field attribute. When I add the Field attribute, the filter row is rendered but I get an exception stating "Value cannot be null. (Parameter 'nullableType')" with this stack trace:

at System.ArgumentNullException.Throw(String paramName)
at System.Nullable.GetUnderlyingType(Type nullableType)
at Telerik.Blazor.Common.Filter.FilterOperatorFactory.GetColumnDefaultFilterOperator(Type propType)

Is the component using reflection to determine the Type of the field? Or can I somehow tell the component dynamically what type to use, in the same way I can return the title or cell content dynamically?

I tried to use the filter template but I get stuck on the Field problem.

Filter

Grid

answered on 17 Jun 2024

0 answers

150 views

FileManager not expose all Upload properties

In the documentation (link) is written that "Configure the integrated Upload through the FileManagerUploadSettings child tag of FileManagerSettings. The FileManager exposes parameter names that are identical to the respective Upload component API members", but the FileManagerUploadSettings expose only a subset of upload properties.

This is a very limitation because we can't customize the upload or support the upload of multiple file.

I think the documentation needs to be correct, or what I would prefer, that all the properties be correctly exposed by FileManagerUploadSettings.

thanks
--
Andrea

FileManager

Upload