We are using a masked textbox to allow users to enter a US phone number, formatted as 000-000-0000, so all digits are required. The user is collecting a phone number from someone on a telephone call. Most of the time, the caller provides their phone number area code first, then they give the 7 digit number, so that works great. But sometimes, the caller doesn't think about giving their area code. In that case, the number looks like:

555-555-5, which is not right. Then we have to ask the caller for their area code. If the user clicks before the first 5, and starts typing, they overwrite the existing numbers. We would like it to insert the area code and push everything else to the right. If there are already 10 digits and we just want to change a number, then overwrite. 

Does that make sense? Is that something that can be done?

                        </div>

    <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-3 col-lg-3 col-xs-12">
                                        <label for="Year-select" class="k-label k-form-label">QuestionNumber </label>
                                    </div>
                                    <div class="col-md-8 col-lg-8 col-xs-12">
                                    
                                        <TelerikMultiColumnComboBox Value="@Parameter.Id"
                                                                    Id="Year-select"
                                                                    ScrollMode="@DropDownScrollMode.Virtual"
                                                                    Data="@Data"
                                                                    ValueField="@(nameof(Model.Id))"
                                                                    TextField="@(nameof(Model.Description))"
                                                                    Width="75%"
                                                                    PageSize="30"
                                                                    ItemHeight="35"
                                                                    Filterable="true"
                                                                    FilterOperator="@Telerik.Blazor.StringFilterOperator.Contains"
                                                                    ListHeight="260px"
                                                                    Placeholder="New"
                                                                     >
                                            <MultiColumnComboBoxColumns>
                                                <MultiColumnComboBoxColumn Title="Description" Field="@nameof(Model.TextMajorDescription)" />
                                            </MultiColumnComboBoxColumns>
                                        </TelerikMultiColumnComboBox>
                                        <TelerikLoader Class="loader-indicator" ThemeColor="light" ></TelerikLoader>
                                    </div>
                                </div>
                            </div>

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

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

Hi

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

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"

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?