Last Updated: 06 Apr 2021 16:45 by ADMIN
Created on: 17 Mar 2021 00:53
Category: Window
Type: Bug Report
window border doesn't work

Window border styling via css has no effect - no border shows at all - I don't need help, just reporting. Tried it on Edge, Chrome and Firefox

.MyClass { /* targets the entire popup element */

border: 5px solid red; }

Microsoft Visual Studio Community 2019 Version 16.9.2
ProgressĀ® TelerikĀ® UI for Blazor Extension - 2021.1.218.1
.NET Framework 4.8.04084
Marin Bratanov
Posted on: 06 Apr 2021 16:45

It has been a few weeks since we have had any new information on this and it looks like it is resolved. Thus, I am marking this one as "Declined" because it does not look to be a bug in the component but an app configuration issue.


Marin Bratanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Marin Bratanov
Posted on: 18 Mar 2021 19:39

Hi Guy,

This seems to work for me and my best guess is that the order of the CSS rules in your app is different - the custom rules come before built-in rules from our Themes. If this is the case you need to simply make the selectors a little heavier.

I am attaching here a short video that shows how the snippet from the docs works as expected for me, and I am adding here an example with heavier selectors for you to try.

If this does not help you move forward, please share with me a simple runnable example that shows the problem so I can investigate.

<TelerikWindow Class="MyClass" Visible="true">
        <strong>The Title</strong>
        This is my window <strong>popup</strong> content.

    div.k-window.MyClass { /* targets the entire popup element */
        border: 5px solid red;

        div.k-window.MyClass .k-window-content { /* targets the content element */
            background: yellow;

        div.k-window.MyClass .k-window-title { /* targets the title container */
            color: blue;

        div.k-window.MyClass .k-window-titlebar { /* targets the entire titlebar */
            background: gold;

Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at

Attached Files: