Telerik Forums
UI for Blazor Forum
1 answer
178 views

The combobox works find when viewing on desktop browser. But when viewing on mobile devices, it launches the keyboard if the user attempts to select an item from the list.

I have set the below flags

Filterable = false

ClearButton = false

Do I just need to not use the combobox component on mobile?

Thanks

Billy

Svetoslav Dimitrov
Telerik team
 answered on 04 Oct 2023
1 answer
255 views

Seems like these 2 questions should have simple answers, but I cannot figure them out from trial-and-error or looking at the documentation or this forum so far...

First item - how to format the title bar of a TelerikGrid popup window. In the attached screenshot and sample page, I know how to format the title bar in a TelerikWindow, but there is no ThemeColor property on either the GridPopupEditSettings or GridPopupEditFormSettings of the TelerikGrid that I can find. How can I format it?

Second item - and this pertains to both the TelerikWindow component and the TelerikGrid popup window - how can I center or right-align buttons in the popup windows?

Any insights appreciated. :)

Rob

Dimo
Telerik team
 updated answer on 03 Oct 2023
1 answer
128 views

Hi

It seems that s deals with k-picker but how to do good css ?

Hristian Stefanov
Telerik team
 answered on 29 Sep 2023
1 answer
205 views
Tried setting the Value but the textbox refuses to change the displayed text. 
Georgi
Telerik team
 answered on 29 Sep 2023
2 answers
164 views

Good day, everyone

I found this thread today where you can define a custom template for your NoDataTemplate in MVC and it is implemented on an AutoComplete component. I need to implement something similar to this but for a TelerikComboBox instead and in Blazor, is it possible?

Thanks in advance.

PS: Sorry, I wrote the title wrong. Is NoDataTemplate instead of "NoTemplateData"

Nahuel
Top achievements
Rank 1
Iron
 updated answer on 29 Sep 2023
1 answer
99 views

Hello,

I see there is no way to set TimePicker header in the modal of Telerik UI for Blazor component. The default implementation is not very usable in many situations and I would really like to have my own text and logic there. Is it possible to add it there somehow or how should I proceed?

Hristian Stefanov
Telerik team
 answered on 28 Sep 2023
1 answer
360 views

Can you add a header template to the grid command column?

I would like to put a button in it.

Hristian Stefanov
Telerik team
 answered on 27 Sep 2023
1 answer
977 views
I am using the below input utilizing the ValueChanged Event to query data results from the backend to populate the list.

In different cases I need to clear the selected value from other Methods, but after it's selected, the only way to clear it is to use the "X" in the autocomplete input.

I saw threads stating to clear the @bind-Value="Model.Property" to clear it. But, when using value changed, it will not let me set @bind-Value, I must use ValueExpression lamda.

My question is, how can I clear this value from my blazor CodeBehind?

Input

                <TelerikAutoComplete Class="@(this.ProviderSearch.IsUsingMyLocation ? "my-location-on":"my-location-off")" Placeholder="@this.ProviderSearch.SelectedAutocompleteLocation" Data="@this.AutocompleteSuggestions" TItem="Prediction" ValueField="Description" OnChange="@this.OnAutoCompleteSelectedHandler" ValueChanged="@( (string newValue) => OnAutoCompleteValueChanged(newValue) )" ValueExpression="(() => this.ProviderSearch.SelectedAutocompleteLocation)" />
Georgi
Telerik team
 answered on 26 Sep 2023
1 answer
149 views

Summary

When tabbing into an input, normally the text of the input is selected, allowing immediate entry of new text. However, when the NumericTextbox has a different display format than the edit format, the input text is selected briefly and then the selection is lost when the format is changed (for example, a dollar sign is removed from a currency format). This prevents text from being entered without further action from the user, such as manually selecting the text or moving the cursor. This may also impact WCAG 2.0 AA compliance.

Steps to Reproduce

  1. Navigate to https://demos.telerik.com/blazor-ui/numerictextbox/formats
  2. Give the General Number Format input the focus.
  3. Press Tab to give the focus to the Currency Format input.

Expected Results

The Currency Format text should be selected and numeric text should be accepted.

Actual Results

The Currency Format text is not selected and the cursor is to the right of the text. If you try to enter a number, nothing will happen. To be able to enter text, the text must manually be selected or the cursor must be moved first.

Notes

You can see the expected behaviour by doing the following:

  1. Navigate to https://demos.telerik.com/blazor-ui/numerictextbox/formats
  2. Give the Currency Format input the focus.
  3. Press the Tab + Shift to give the focus to the General Number Format input.

The General Number Format input text will now be selected and data entry works as expected. The correct behaviour can also be observed on the Telerik Form demo page: https://demos.telerik.com/blazor-ui/form/overview

Hristian Stefanov
Telerik team
 answered on 26 Sep 2023
1 answer
998 views

The Blazor TelerikDropDownList doesn't appear to have a Placeholder property, but does have a DefaultText property. Using the latter as a 'Placeholder' initially works, but the problem is the text becomes another option in the list if it's not already in the list.

For example, if I have a list of colors (Red, Green, Blue) and add a DefaultText value of 'Please select a color' the list actually becomes Red, Green, Blue AND Please select a color and the latter has to be accounted for if the user selects it.

Anyone know how to extend the TelerikDropDownList component to include a Placeholder property that does not because part of the list?

Thanks,

Rob

Svetoslav Dimitrov
Telerik team
 answered on 26 Sep 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?