Hi, It is possible to have a component that enables the use of the camera and to be able to scan barcodes or QR (1D  & 2D), for Blazor Web assembly and Blazor Server Side. Now this require JavaScript library like as QuaggaJS.

I think that having such a component is very useful and will allow you to build applications with advanced functionalities, other companies offer but only to generate barcodes or QR codes.

Example thanks aLorsSilvermort : https://github.com/LorsSilvermort/BlazorBarcodeReader

Best Rgards,

Victor Antelo

It would be great if the controls supported arbitrary attributes. Similar to how it is done in the native form editing controls in Blazor framework.

ASP.NET Core Blazor forms and validation

"All of the input components, including EditForm, support arbitrary attributes. Any attribute that doesn't match a component parameter is added to the rendered HTML element."

    <input class="form-control" readonly="@(!EditMode)" type="text" @bind="@FormField.TextValue"/>

The CSS classes used by Blazor UI are not documented. (I haven't looked outside the Blazor area, so maybe it's somewhere else in the docs? My team has no need for other Telerik products.) On a similar note, the Themes page in the documentation explains how to reference alternate themes like Bootstrap, but it doesn't explain how to actually use the classes, or how it integrates with the real Bootstrap CSS, which have many various useful, well-known utilities like margin and padding settings, which don't seem to be part of the Telerik theme support. (I'm an architect at a very large corporation, we do have one of those includes-everything DevCraft licenses, I just can't log in with that account.)

For the Grid, is is possible to have a a SortField along with Field (that displays the data) in columns.

The SortField will be used instead of Field when sorting (if Grid is Sortable), like in WebForms: https://docs.microsoft.com/en-us/dotnet/api/system.web.ui.webcontrols.gridview.sortexpression?view=netframework-4.8.

Maybe you want to sort data based on other values instead of what is displayed.

This could be especially useful for dates that have been formatted for display in Field

but you don't want to use for sorting because date and string sorting is not the same.

All controls (such as TelerikGrid, TelerikDropDownList, etc) should have a "Visible" property. This bindeable boolean value controls whether the control is visible on the page or not:

<TelerikGrid Visible="@IsVisible" />

@functions {

protected bool IsVisible

}

This is a much better method than surrounding the entire control's markup in an @if(IsVisible) block, since that causes the control to get removed/added to the dom at runtime. This can cause many issues such as the control's constructors being fired multiple times, the dom getting "jiggled" about unecessarily.

I feel the "Visible" property is a cleaner way to hide controls.

Hi,

It would be VERY helpful if you integrated "Prevent the Grid from wrapping text in multiple lines and show ellipsis" into grid as an option (so we would not have to write separate code and style).

I think this is one of the most needed features since grids almost always have data that wraps line.

BR, Smiljan

--- FOR FUTURE REQUEST ---

Could be very useful to scrolling tha grid to a specific item\row (in Normal Grd and also in Virtual Grid mode, both)  programmatically. Whithout javascript.

For example after loading a grid that show 20 items, programmatically is it possible to go (and display in grid) not the first 20 rows but for example at row 100. So the vertical scrolling bar muso go dow sice arriving and show that row.

Best Regards

Paolo Leonesi

Hi. 

Because https://feedback.telerik.com/kendo-jquery-ui/1360369-blazor-ooui is not closed I am now suggesting that you make controls for the Uno UI platform and Ooui.

Ooui and Uno are both known in context with Web Assembly and I think you should make controls for both.

You should also consider making controls for Ooui server side. If I could choose from all the worlds' options to build a web application, I would use Ooui server side, if it wasn't because of the lack of controls. The server side option is so simple to use and it was actually the reason Frank Krueger created it to begin with. He wanted a super simple way to display something on the web and he achieved that.

Flemming 

We're a paying customer for the Blazor software components under AVEVA.

We need to do a substantial amount of custom real-time drawing on top of a Blazor based map control using a layer rendered on top of the Tile Layer.  The currently supported Map layers are somewhat specific to smaller map indicators and static overlays.

Our rendering subsystem doing this drawing will be using SkiaSharp/Skia on WebAssembly, drawing on a Skiasharp canvas in the browser (this already works).  I'm assuming behind the scenes the Map is drawing with a standard HTML canvas.

I believe we need a solution which resembles the following:

- The Image is a layer rendered on top of the map viewport (as opposed to the entire map canvas)

- The Image layer can know the size of the ViewPort so it can create an identical size image (or perhaps this is handled automatically by the Map control)

- The Image layer can be re-rendered as often as the customer code desires (we're showing realtime data on top of maps, so we will want to re-render the Image layer say every 250ms.

- When the map viewport changes (pan, zoom, etc.), events are fired so the Image layer customer code can re-render the image based on the new viewport coordinates and zoom level.

- Click events are passed through the Image Layer for processing.

Since we're using a different rendering technology than the underlying map control, my assumption is the best way to keep this simple is our code draws to a SkiaSharp canvas then converts that to PNG/BMP/whatever so that can be injected into the Image layer for rendering.

It would be expected that every pan/zoom/viewport change causes an entire re-rendering of the Image layer.

Horizontal scrolling in the grid works when its width is set to a fixed value (px, rem, etc.). But the h scroll disappear when a percentage is assigned to the width of the grid.

This seems to be a known 'feature' to Telerik:

https://docs.telerik.com/blazor-ui/components/grid/columns/width?_gl=1*78gyue*_ga*MzUzNTU3NTM0LjE2ODU2MTc3Njk.*_ga_9JSNBCSF54*MTcxMjIyMTAxNS44My4xLjE3MTIyMjExMzQuOS4wLjA.*_gcl_au*MTA3OTA1NzUyOS4xNzEwNTE1Njgy&_ga=2.263164300.1038437897.1712221016-353557534.1685617769

A sensible behaviour is to have the horizontal scrolling enabled and at the same time being able to set the grid to percentage width.

We are based in the US; but want to display values in a numeric text box based on the culture of the place where the data was entered.

So if the data was entered in the UK, we want the number to be formatted according to UK culture, etc.  That way, it's easy to tell that number is representing pounds vs dollars, etc.

Can we please get the ability to set culture to specific controls?  We don't want to change the current thread culture for everything on the page, just for one control.

thanks!

Hi,

I'm in the process of implementing a form in a Window component and would like the content to remain present in the DOM between hiding and showing of the window. I noticed that there's a line in the documentation where it states that PersistContent will allow the content of the window to remain in the DOM whenever the window is minimized. I recommend this be extended to the Visibility of the form, not just minimizing, as to create a more coherent approach.

I did come across this post here where it gives a description of how the above is achieved. This is a very inelegant approach as the consumer of the framework has to manually implement stuff which should be provided by the framework. The suggested approach also prevents the developer from opening multiple windows at once, which might be an issue in some cases.

Hi,

I need the older version of CSS (2.9.0) for Blazor for telerik. I visited the site as follows but get error:

https://blazor.cdn.telerik.com/blazor/2.9.0/kendo-theme-default/all.css

An error occurred.

Sorry, the page you are looking for is currently unavailable.

Find CSS until 2.22.0. the following link works

https://blazor.cdn.telerik.com/blazor/2.22.0/kendo-theme-default/all.css

Could you fix the link or please provide me the CSS for 2.9.0 ASAP.

Regards

Shuvra

Hello,

I would love to see an auto sizing for a TileLayoutItem. Specifically, in my case, the RowSpan. I feel like this would make a great addition as a parameter in the future as (also AutoSizeColumn would be nice)

<TileLayoutItem AutoSizeRow="true"></TileLayoutItem>

I am working on an application that has dynamic data displayed within the TileLayoutItem. In my current implementation, I'm going through a process of attempting to calculate for resizing the RowSpan. The calculations are based on an inner body div that holds an id, finds the parent k-tilelayout-item and then the the k-tilelayout itself. I can't positively say my math is perfect but it (mostly) gets the job done. Keeping in mind that I have created other altered other areas of the TileLayout as well, specifically setting the TelerikTileLayout grid to autofit.

For an idea of what I am currently doing as a means of possibly finding a (better) way to implement this in the future, this is the long ugly javascript code I have that is used to gather a minimum size and return it to blazor via JsInterop.

function (tileId, minSpanSize = 4) {
        try {
            var el = document.getElementById(tileId);
            var tileLayout = $(el).closest(".k-tilelayout")[0];
            var parentTile = $(el).closest(".k-tilelayout-item")[0];

            var headerHeight = $(el).parent().siblings(".k-tilelayout-item-header")[0].offsetHeight;

            var parentSpan = parseInt(parentTile.style.gridRowEnd.split("span ")[1]);
            var gap = parseInt(tileLayout.style.gap.replace("px", ""));
            var rowHeight = parseInt(tileLayout.style.gridAutoRows.split(",")[1].split("px")[0]);

            // cannot recall where I got 1.25 from
            var minSize = Math.ceil((headerHeight + el.offsetHeight) / ((gap / 1.25) + rowHeight));

            // if parent is less than minsize
            if (parentSpan < minSize) {
                parentTile.style.gridRowEnd = "span " + minSize;
                return { id: tileId, minSize: minSize };

                // Otherwise, if min size is greater than or equal to minSpanSie
            } else if (minSize >= minSpanSize) {
                parentTile.style.gridRowEnd = "span " + minSize;
                return { id: tileId, minSize: minSize };
            }

        } catch { }
        return { id: tileId, minSize: -1 };
    

Hi

Telerik Autocomplete does not have a ValueTemplate.

Mostly the Value is an Id, which in most examples does not make sense to be displayed to the User when selected.

Kind regards

Nicolas

With the default templates for a blazor project there are options for security.  

We really need this for the telerik blazor templates or a sample telerik blazor projects using the different types of security.