Is there an easy way to capitalize a control like a textbox? In CSS it's just text-transform: capitalize; Bootstrap has a class called: text-capitalize.

It would be glad to add a property in telerik blazor components allow to manage all component settings.

This because some components has many attributes and binding to single properties on class is a nightmare.

It was done in angular with k-options attribute, in blazor can be for example:

<TelerikGrid Data="" Pageable="" PageSize="" Sortable="" Resizable="" Reorderable="" SelectionMode="" EditMode="" OnRead="" OnCreate="" OnUpdate="" OnCancel="">

...

</TelerikGrid>

to

<TelerikGrid Options="Options">

...

</TelerikGrid>
 
@code
{
   private TelerikGridOptions<Model> Options {get;set;}
 
   protected override void OnInitialized()
   {
      Options = new TelerikGridOptions<Model>
      {
         ...
      };
   }
}

Hi,

About to start modernizing an old desktop application and moving it to web.

Due to change management with operators we are not allowed to make significant changes to UI layout etc.

Therefore we must keep the MDI layout of the pages.

What components and layout would you suggest for this task?

A Menu in the top and TelerikWindow's? It should be possible to open many windows

BR

Ulrik

I have a Tabstrip with several open "documents" as tabs and I've provided the user the option to "reload" the document, or discard changes. I remove my model object from the list of open tabs and re-add a new instance of that object, however the tabstrip doesn't see this as a new instance and therefore remains with the older rendering. If on the other hand I remove my object, call StateHasChange, then re-add the object and call StateHasChanged again my object is re-rendered correctly. This behavior is not ideal though, is there a way to inform the tabstrip that the instance of the object that represents this tab has changed?

Thanks

-Andy

I was trying to create a toolbar that had some buttons alligned on the end (right side) of the toolbar and also using the new Adaptive flag (to also have overflow items) and it seems that the spacer element does not take into account the size of the overflow button at the end.

I had to enter an empty label element at the end of the toolbar content elements to get enough empty space for the overflow button not to overlap with the last toolbar button

        <ToolBarTemplateItem>
            <label style="width:30px;"></label>
        </ToolBarTemplateItem>

Is there a better solution or is this a bug that will be addressed in a future release?

In my treeview the user can double-click to open an item or they can drag to reorganize the tree. When you double-click you can see the drag & drop initiates for the brief fraction of a second. Which is a confusing and unpleasant UX. It would be preferable if a drag & drop didn't initiate until the user dragged for 3-4 pixels from the mousedown location, as opposed to a single pixel. 

In general if there's a behavior like this that I would want to tweak, are there ways to adjust the control or override behaviors using Javascript? I used to do all sorts of stuff with the jQuery controls.

Thanks,

-Andy

Hello,

In grid component, how do you keep the selected rows after you have performed an action on them and data needs to be refreshed and component re-rendered i.e I am sending the selected items in the server and performing operation on them in the data base, hence the component needs refreshed. Basically, when the component re-renders, I want the same rows upon which the action has been performed to be automatically selected .

Thank you.

Kind regards

Hello, 

is it possible open new tab in browser without Javascript?

without await JS.InvokeVoidAsync("open", $"www.telerik.com", "_blank");

If YES so HOW?

Peter

Is there a way to easily adjust the TelerikDateRangePicker to mobile? it looks very bad by default