Telerik Forums
UI for Blazor Forum
4 answers
661 views
With Blazor server, clicking the NOW button (obviously) sets the time to the time on the server since that's where the code is running. Is there a way to trap the NOW button click or somehow give it an offset or define the value that NOW means so NOW will mean the time that the user is sitting in?
Doug
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 08 Feb 2021
3 answers
2.2K+ views

Is it possible to show something else than "True/False" for a Boolean Column? 

 

CheckBox, PNG of a checkmark, a light, etc...

Eric R | Senior Technical Support Engineer
Telerik team
 answered on 08 Feb 2021
6 answers
2.2K+ views

Hi,

how can I show a Tooltip on the grid headers to replace short column title with a long description?

In Kendo UI I use this Javascript code:

grid.thead.kendoTooltip({
    filter: "th",
    content: function (e: any) {
        var text = e.target.text().trim();
        switch (text) {
            case "Länge":
                return "Zuglänge";
            case "Kateg.":
                return "Zugkategorie";
            case "Dauer":
                return "Expositionsdauer T<sub>TEL</sub>";
            case "Geschw.":
                return "Geschwindigkeit";
            case "LAmax":
            case "LAFmax":
                return "Maximalpegel";
            case "LAeq":
            case "TEL":
            case "Vorbeifahrtpegel":
                return "Vorbeifahrtexpositionspegel";
            default:
                return text;
        }
    }
});

Best regards,

Peter

 

Marin Bratanov
Telerik team
 answered on 07 Feb 2021
0 answers
159 views

We've recently purchased Telerik Blazor UI components for our developers. Now, does anyone have a recommendation for a 'mock up' tool that uses similar/identical components to Telerik's Blazor UI components? I'd love to get the designers creating some mockups without having these non-technical users having to install Visual Studio.

ThinkKringle
Top achievements
Rank 1
 asked on 05 Feb 2021
1 answer
123 views

When using the DateTimePicker, if you type or select a date, and then press the keyboard backspace, or delete button, the whole date gets deleted, which is not a good user experience.

Can this behaviour be changed so that only the individual date component is blanked out, not the entire date?

 

Note: I posted this yesterday, but it seems to have been removed.

Svetoslav Dimitrov
Telerik team
 answered on 04 Feb 2021
1 answer
1.6K+ views

If seems that if databind to an ObservableCollection returned from a (synchronous) property, the DropDownList is updating as the ObservableCollection changes.

If I databind to an ObserverableCollection returned from an asynchronous method, I have to run StateHasChanged() to force the DropDownList to refresh its datasource.  

Here are some snippets to demonstrate:

public class ApiDataSourceModel{

public int MyValueField { get; set; }

public string MyTextField { get; set; }

}

 

public class DropDownModel
        public string Value { get; set; }
        public string Text { get; set; }
    }

 

        public async Task<ObservableCollection<DropDownModel>> GetApiDataSource()
        {

//Tried returnApiDataSource as List and even here as ObservableCollection to try to get to refresh DropDownList
                ObservableCollection<ApiDataSourceModel> returnApiDataSource = await GetMyApiDataSource();
                if (returnApiDataSource is not null)
                {
                    return returnApiDataSource.Select(c => new DropDownModel() { Value = MyValueField.ToString(), Text = MyTextField  }).ToList().ConvertIEnumerableToObservableCollection();
                }
                else
                    return default(ObservableCollection<Models.System.DropDownModel>);
        }

//Custom Extension
        public static ObservableCollection<T> ConvertIEnumerableToObservableCollection<T>(this IEnumerable<T> iEnumerableCollection)
        {
            if (iEnumerableCollection is not null)
                return new ObservableCollection<T>(iEnumerableCollection);
            else
                return null;
        }

 

string selectedApiDataSourceValue;

   protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {

ObservableCollection<DropDownModel> sourceForDdl = await GetApiDataSource();

//This won't update DDL without StateHasChanged() even though DDL data is an Observable collection that has been updated.

StateHasChanged();

}

}

DropDownList

  <TelerikDropDownList @bind-Value="@selectedApiDataSourceValue"
                                                     Id="ApiDataSourceField"
                                                     Data="@sourceForDdl ">
                                </TelerikDropDownList>

 

 

Nadezhda Tacheva
Telerik team
 answered on 03 Feb 2021
2 answers
671 views

Hi,

I can set the Grid property Resizable="true" to allow the user to adjust the column width.

I want save all column width in the Localstorage to restore it after a page refresh.

How can I read the width of all columns and set at first load? I use Blazor Server.

Exists an event "OnColumnWidthResized"?

Best regards,

Peter


Peter
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 03 Feb 2021
1 answer
476 views

Is there any way to control the tooltip position?  In the Kendo UI Pie Chart the tooltip is always outside the pie when I hover over a slice, however the tooltips in the Blazor grid always appear wherever my mouse cursor is and many times it will block my ability to click on the slice to fire the series click event.

Can we make the the tooltips appear outside the pie itself just like in the Kendo UI Pie Chart?

Stamo Gochev
Telerik team
 answered on 03 Feb 2021
2 answers
1.6K+ views
Is there a way to get the cursor to look like a pointer when over an item, short of using the template?
Dean
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 02 Feb 2021
1 answer
127 views

Based on the example https://demos.telerik.com/blazor-ui/datetimepicker/overview, on Cancel or Set, the Input gets focused. On the mobile, it causes the keyboard to appear as well, which is not an intuitive behaviour.

Is it possible for this behaviour to be removed?

Thanks!

Marin Bratanov
Telerik team
 answered on 02 Feb 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?