One feature that is missing from the current set of Blazor UI components is a chips control. I'm not sure if it's OK to link to 3rd party controls, but this is a fairly common control that is available on multiple platforms. I can provide some samples if required.

Similar to the Bootstrap badges https://getbootstrap.com/docs/4.0/components/badge/

Now we can expand/collapsed tree view item using bound read/write model property.

We need to bind read-only property or controll expandability outside of tree view.

Examples:

• Expand tree view item when IsActive read-only model property is true
• Expand/collapse all tree items with a button click

Thank you

When a content is displayed in TelerikWindow and a TelerikTreeView`s item is expanded, the item`s content is above the window one due to higher z-index.

To fix it, use this CSS:

/* Telerik window content (with z-index 10001) above their animation container (with z-index 10002, used for example in tree view) */
.k-dialog-wrapper {
    z-index: 11000;
}

Does not seem to be an issue when the grid state is not used.

Is a ListBox control, similar to https://demos.telerik.com/aspnet-core/listbox/index, on the roadmap currently?

---

ADMIN EDIT

You can use a grid that has 1 column for the text you want to show with selection and perhaps even row dragging, and maybe hide its headers with css if you do not want them.

---

Docking Control like WPF Docking Control: https://www.telerik.com/products/wpf/docking.aspx

According to the doc (https://docs.telerik.com/blazor-ui/components/grid/columns/width), 

"When all column widths are explicitly set and the cumulative column width is greater than the available Grid width, a horizontal scrollbar appears and all set column widths are respected."

I have a grid with a width of 1500px and a cumulative column width of 1750 pixels:

    <TelerikGrid Data="@datos"
                 Class="ns-grid-fitxatges"
                 PageSize="10"
                 Pageable="true"
                 Sortable="true"
                 Width="1500px"
                 Height="60vh">
        <GridColumns>
            <GridColumn Field="@nameof(LlistaFitxatgesDto.CodiInternActivitat)" Title="Codi Intern" Width="150px" />
            <GridColumn Field="@nameof(LlistaFitxatgesDto.CodiExternActivitat)" Title="Codi Extern" Width="250px" />
            <GridColumn Field="@nameof(LlistaFitxatgesDto.Activitat)" Width="300px" />
            <GridColumn Field="@nameof(LlistaFitxatgesDto.HoraFitxatge)" Title="@Loc["Fitxatge"]" Width="150px">
                <Template>
                    @{
                        var hora = (context as LlistaFitxatgesDto).HoraFitxatge.DateTime;
                        <span>@hora.ToString("dd/MM/yyyy HH:mm:ss")</span>
                    }
                </Template>
            </GridColumn>
            <GridColumn Field="@nameof(LlistaFitxatgesDto.Sessio)" Title="@Loc["Sessió"]" Width="180px" />
            <GridColumn Field="@nameof(LlistaFitxatgesDto.Sentit)" Title="@Loc["Sentit"]" Width="80px" />
            <GridColumn Field="@nameof(LlistaFitxatgesDto.TipusDocument)" Title="@Loc["DOC"]" Width="70px" />
            <GridColumn Field="@nameof(LlistaFitxatgesDto.DocParticipant)" Title="@Loc["Document"]" Width="90px" />
            <GridColumn Field="@nameof(LlistaFitxatgesDto.Nom)" Title="@Loc["Nom"]" Width="90px" />
            <GridColumn Field="@nameof(LlistaFitxatgesDto.Cognom1)" Title="@Loc["Cognom1"]" Width="90px" />
            <GridColumn Field="@nameof(LlistaFitxatgesDto.Cognom2)" Title="@Loc["Cognom2"]" Width="90px" />
            <GridColumn Field="@nameof(LlistaFitxatgesDto.Metode)" Title="@Loc["Metode"]" Width="80px" />
            <GridColumn Field="@nameof(LlistaFitxatgesDto.RutaXml)" Title="XML" Width="60px">
                <Template>
                    @{
                        var ruta = (context as LlistaFitxatgesDto).RutaXml;
                        <a href="@ruta">XML</a>
                    }
                </Template>
            </GridColumn>
            <GridColumn Field="@nameof(LlistaFitxatgesDto.Terminal)" Title="Terminal" Width="70px" />
        </GridColumns>
    </TelerikGrid>

The horizontal scroll bar appears all right, but the column widths are not respected. As shown in the image, the columns on the right are squeezed 

 

Any clues?

Thanks in advance

 

I would like to submit a wish for the FileUpload component in Blazor; to be able to simply get the file as a byte array without needing to provide an API. I would simply like to be able to decide inside the component what I would like to do with the file as a byte array, just simple and convenient.

 

Thanks and best regards,

Sten

Using your tree view live sample, filter the list with "1", then try to expand "Test1" - crash.

I would expect "Test1" to apprear in the list but without the expandable icon or the expandable icon does nothing when clicked

The Ribbon Control (UI for ASP.NET AJAX) is totally superb.

Implementing this for Blazor would be a killer component.

Please!

 

Like the one in Kendo https://demos.telerik.com/kendo-ui/breadcrumb/index

With the ability to hook to the URL and URL change like this https://docs.telerik.com/kendo-ui/controls/navigation/breadcrumb/navigation

Hi I need to do barcode / QR code (mostly QR code) in Blazor.  It is not on the roadmap, so I don't expect it anytime in the next 6 months.  Great support for QR code in Asp.Net Core UI, but I don't think they mix, and I'm writing in pure Blazor.  Suggestions?

I'd like to request a native Blazor Image Component that allows to provide different parameters to control the image.

This could also help to connect it to the upload component, for user to see the image while still in browser and make some changes, i.e resizing, cropping, Black/White, before sending it to server to be stored.

Thanks!
..Ben

It seems that when all items on a grid page are deleted, the page number is decremented but the data for that page is not loaded or displayed.

Hello,

 

I have updated Blazor UI to the latest version (2.9.0) and some of my controls lost their state.

Let me explain:

I have a page with 4 tabs (TelerikTabStrip), if i choose the value of a dropdown (TelerikDropDown) in the first tab and move to the second tab and then come back to the first tab, the value would be lost and the dropdown is empty however, if i put a breakpoint and look at the model, it shows that the value is still preserved.

Is there something i am missing? is this an update gone wrong (on my side)?

 

I have downgraded back to 2.8.0 and it works as expected.

 

Thanks.

Hi,

the Blazor form controls like DropDownList & ComboBox have a fixed width of 300px (why ???).

This does not respect the Boostrap 4 style guidelines and in a <form> looks like:

where the "Currency" field is a standard <select> and "Model Reader Engine" is a <TelerikDropDownList>.

If I try to set the "Width" attribute of the DropDownList to "100%" the result is:

 

but if I try to open the DropDown the element list is large as the entire screen:

 

Have you planned a fix for this ?

 

Thanks in advance

 

 

 

I would like to render a title attribute for the icons.

We use QueryableExtensions.ToDataSourceResultmethod to load some data in our component. And at some moment we need to cancel data loading. But ToDataSourceResult method doesn’t support CancellationToken. So we are forced to use a workaround and just ignore the task's result. But task is still executing and causing the performance hit…

It would be great if you implemented support for this feature!