Current implementation of Theme Color is annoying.

1. Setting the ThemeColor to be a static class instead of an ENum is bizarre.  It makes it really annoying to pass a typed themeColor into an input parameter.  I can understand the want to be more flexible and the inputs to your controls being a string
2. You are re-using the ThemeColor in several different places where it is simply repeated. This makes things really annoying.  

I recommend:

1. Keeping the inputs to your controls for theme colors to be a string, so you can maintain the flexiblity (reason I assume you changed this in the first place)
2. Use a single enum and in the documentation / examples say by default use "nameof(ThemeColor.Primary) for default themes"  You can add your own custom theme by .... and pass in a string.

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.

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

Not finding any examples or similar, so I wanted to see if there is a way to include a Gantt Chart into a WordsProcessing document. I am currently bringing the data into a table, but my end-user has requested to see the chart view of the same data.

if (JobMilestones.Count > 0)
        {
            editor.InsertText("MILESTONES").FontWeight = FontWeights.Bold;

            


            Table tblMilestone = editor.InsertTable(JobMilestones.Count + 1, 3);
            tblMilestone.PreferredWidth = new TableWidthUnit(720);
            Paragraph p = tblMilestone.Rows[0].Cells[0].Blocks.AddParagraph();
            tblMilestone.Rows[0].RepeatOnEveryPage = true;
            tblMilestone.Rows[0].Cells[0].Borders = tcb;
            tblMilestone.Rows[0].Cells[1].Borders = tcb;
            tblMilestone.Rows[0].Cells[2].Borders = tcb;

            editor.MoveToParagraphStart(p);
            editor.InsertText("Task").FontWeight = FontWeights.Bold;
            p = tblMilestone.Rows[0].Cells[1].Blocks.AddParagraph();
            editor.MoveToParagraphStart(p);
            editor.InsertText("Start").FontWeight = FontWeights.Bold;
            p = tblMilestone.Rows[0].Cells[2].Blocks.AddParagraph();
            editor.MoveToParagraphStart(p);
            editor.InsertText("End").FontWeight = FontWeights.Bold;
            int x = 1;
            foreach (FlatModel fm in JobMilestones)
            {
                p = tblMilestone.Rows[x].Cells[0].Blocks.AddParagraph();
                editor.MoveToParagraphStart(p);
                editor.InsertText(fm.TaskTitle);
                p = tblMilestone.Rows[x].Cells[1].Blocks.AddParagraph();
                editor.MoveToParagraphStart(p);
                editor.InsertText(fm.StartDate.ToShortDateString());
                p = tblMilestone.Rows[x].Cells[2].Blocks.AddParagraph();
                editor.MoveToParagraphStart(p);
                editor.InsertText(fm.EndDate.ToShortDateString());
                tblMilestone.Rows[x].Cells[0].Borders = tcb;
                tblMilestone.Rows[x].Cells[1].Borders = tcb;
                tblMilestone.Rows[x].Cells[2].Borders = tcb;
                x += 1;
            }
            editor.MoveToTableEnd(tblMilestone);
            //editor.InsertLine("");
            editor.InsertBreak(BreakType.LineBreak);
        }

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 };
    

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!

--- 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

Currently when setting up a new Blazor app I need to go to the docs each time or look at a reference project to remember the resource paths for the CSS files. Additionally once you have a project if you are relying on a CDN but later update the NuGet package your app will be referencing the wrong css bundle unless you remembered to also update your layout.

Instead of having this as a magic string that is required in each project, it would be great if a new helper class could be introduced. As an example it might look something like:

public class TelerikResources
{
    public class Cdn
    {
        public class Default
        {
            public string Path = "";
        }

        public class Bootstrap
        {
            public string Path = "";
        }

        public class Material
        {
            public string Path = "";
        }
    }

    public class Local
    {
        public class Default
        {
            public string Path = "";
        }

        public class Bootstrap
        {
            public string Path = "";
        }

        public class Material
        {
            public string Path = "";
        }
    }
}

This would have the benefit that in the layout you might simply have:

<link href="@TelerikResources.Cdn.Bootstrap.Path" rel="stylesheet" />

This has a few benefits. It's easier to remember, easier to discover the other available prebuilt styles, and removes issues with pointing at the wrong path after updating library versions (assuming that you're using the Cdn rather than local resource).

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.  

Is it possible to show (modal confirmation) handle filtering before apply? Show pop-up modal, and when Confirm, start filtering, othewise cancel!!

Blazor SSRS Report Viewer Component

There are third party SSRS reports that we are using in our application. There is no built in SSRS report viewer available for Blazor as it is available for ASP.Net Ajax. If Telerik can provide this important feature it would be a big deal.

There are SSRS Report Viewer's for blazor available from third party like

1. https://www.radzen.com/
2. https://www.boldreports.com/

Please note, we are not the one creating the reports, Reports are created by third party for another application. This web application is just displaying those reports. So, creating new Telerik Reports or migrating to Telerik Reports is not an option.

It would be really cool to be able to edit documents much like the WPF syntax editor.

Our use case is that we use blazor for our admin tools and we need to give a better look and feel (color coding) to some stored SQL and XML.  Nothing fancy just a better experience.

I wasn't sure if I should report this as a bug or not. With a modal window, you can tab beyond the modal window into the URL, and then continue on into the page behind the modal window itself. I was able to recreate this on the Modal demo, and fire a search, even though I couldn't click to get there. As I saw in another post that it is essentially a viewport modal (https://feedback.telerik.com/blazor/1510450-prevent-the-user-from-dragging-a-window-out-of-the-viewport), would it be possible to force modal to be system modal, as was available back in the ancient Winforms days?

---

ADMIN EDIT

That's how a web page behaves. Code in a web page cannot and should not prevent the user from using their OS. The browser chrome (address bar, buttons and so on) are part of the OS, and as such are beyond the sandbox of the web app. The web app is limited to the viewport, it cannot go out of it, or interact or control elements outside of it. Anything else would be a severe security issue.

A system-wide modal dialog is only possible though a native application, but not in a web application.

---

Hello team;

Let's say, depending on the user's authorization level, we just want to show the content of the Editor as "Read-Only" with no toolbar. So it will basically looks like an HTML rendered content to them to read.

Is it possible to do so with Editor or can we add a feature to hide the toolbar and make it read only?

If not, what's the best way and lightest way to show the content as read-only on different devices based medias query?

Thanks!