From 25f17fdcf3bc0ff67d55d3a2fdddd8741bdbecda Mon Sep 17 00:00:00 2001 From: KB Bot Date: Mon, 21 Jul 2025 12:53:22 +0000 Subject: [PATCH 1/3] Added new kb article web-report-designer-menu-display-issue --- .../web-report-designer-menu-display-issue.md | 67 +++++++++++++++++++ 1 file changed, 67 insertions(+) create mode 100644 knowledge-base/web-report-designer-menu-display-issue.md diff --git a/knowledge-base/web-report-designer-menu-display-issue.md b/knowledge-base/web-report-designer-menu-display-issue.md new file mode 100644 index 000000000..4b8df0c13 --- /dev/null +++ b/knowledge-base/web-report-designer-menu-display-issue.md @@ -0,0 +1,67 @@ +--- +title: Fixing Web Report Designer Menu Display Issue in Blazor Server +description: Learn how to resolve menu display issues with the Web Report Designer in a Blazor Server application. +type: how-to +page_title: Resolving Menu Display Problems in Web Report Designer for Blazor Server +meta_title: Resolving Menu Display Problems in Web Report Designer for Blazor Server +slug: web-report-designer-menu-display-issue +tags: reporting, web-report-designer, menu, css, kendo +res_type: kb +ticketid: 1693136 +--- + +## Environment + + + + + + + + + + + + +
Product Reporting Web Report Designer
Version 19.1.25.716
+ +## Description + +I cannot see the menu in the Web Report Designer integrated into my Blazor Server application. The menu is covered by the areas below it. I suspect site.css configurations might be causing this issue. I am unsure if this is related to custom CSS or Kendo themes. + +This knowledge base article also answers the following questions: +- How to resolve Web Report Designer menu display issues in Blazor Server? +- Do I need to manually update Kendo UI versions for Web Report Designer? +- What theme configuration is required for Web Report Designer? + +## Solution + +To resolve the menu display issue in the Web Report Designer, follow these steps: + +1. Ensure the Web Report Designer uses its default theme. Switch from any custom theme (e.g., `default-ocean-blue.css`) to the default theme by using the following CSS configuration: + ```html + + ``` + +2. Remove any custom Kendo themes or manually included theme files. The Web Report Designer manages its required theme resources internally. + +3. You do not need to manually update or install specific Kendo UI versions (e.g., Kendo UI 2025.2.702). The required resources are included with the Web Report Designer installation. + +4. Ensure the correct loading order of JavaScript files. The `webReportDesigner.kendo-19.1.25.716.min.js` file must be loaded **before** the `webReportDesigner-19.1.25.716.min.js` file, as Kendo must initialize before the designer widget. + +5. If using NuGet packages for the Web Report Designer, verify the following package versions are installed: + ```xml + + + ``` + +6. If issues persist, check the `kendo.version` in the browser console to ensure the Web Report Designer loads the required version. The Kendo JS subset can be found at: + ``` + C:\Program Files (x86)\Progress\Telerik Reporting 2025 Q2\Html5\ReportDesigner\js + ``` + +## See Also + +- [Web Report Designer Overview](https://docs.telerik.com/reporting/web-report-designer) +- [Kendo UI for jQuery Release History](https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-for-jquery-2025-1-227) +- [Kendo UI for jQuery Theme Compatibility](https://www.telerik.com/kendo-jquery-ui/documentation/styles-and-layout/sass-themes/compatibility) From d4dc8f2b1cee2423258e91a6ed1cbb617ac3ac9d Mon Sep 17 00:00:00 2001 From: IvetNikolova <118352332+IvetNikolova@users.noreply.github.com> Date: Mon, 21 Jul 2025 16:34:19 +0300 Subject: [PATCH 2/3] Update web-report-designer-menu-display-issue.md --- .../web-report-designer-menu-display-issue.md | 57 ++++++++----------- 1 file changed, 24 insertions(+), 33 deletions(-) diff --git a/knowledge-base/web-report-designer-menu-display-issue.md b/knowledge-base/web-report-designer-menu-display-issue.md index 4b8df0c13..4e538d626 100644 --- a/knowledge-base/web-report-designer-menu-display-issue.md +++ b/knowledge-base/web-report-designer-menu-display-issue.md @@ -1,9 +1,9 @@ --- -title: Fixing Web Report Designer Menu Display Issue in Blazor Server -description: Learn how to resolve menu display issues with the Web Report Designer in a Blazor Server application. +title: Fixing Web Report Designer Menu Display Issue in Blazor +description: Learn how to resolve menu display issues with the Web Report Designer in Blazor. type: how-to -page_title: Resolving Menu Display Problems in Web Report Designer for Blazor Server -meta_title: Resolving Menu Display Problems in Web Report Designer for Blazor Server +page_title: Resolving Menu Display Problems in Web Report Designer for Blazor +meta_title: Resolving Menu Display Problems in Web Report Designer for Blazor slug: web-report-designer-menu-display-issue tags: reporting, web-report-designer, menu, css, kendo res_type: kb @@ -13,55 +13,46 @@ ticketid: 1693136 ## Environment - - - - - - - - - - + + + + + + + + + +
Product Reporting Web Report Designer
Version 19.1.25.716
Product Reporting Web Report Designer
Version 19.1.25.716
## Description -I cannot see the menu in the Web Report Designer integrated into my Blazor Server application. The menu is covered by the areas below it. I suspect site.css configurations might be causing this issue. I am unsure if this is related to custom CSS or Kendo themes. - -This knowledge base article also answers the following questions: -- How to resolve Web Report Designer menu display issues in Blazor Server? -- Do I need to manually update Kendo UI versions for Web Report Designer? -- What theme configuration is required for Web Report Designer? +I cannot see the menu in the Web Report Designer integrated into my Blazor application. The menu is covered by the areas below it. I suspect site.css configurations might be causing this issue. I am unsure if this is related to custom CSS or Kendo themes. ## Solution To resolve the menu display issue in the Web Report Designer, follow these steps: 1. Ensure the Web Report Designer uses its default theme. Switch from any custom theme (e.g., `default-ocean-blue.css`) to the default theme by using the following CSS configuration: + ```html - + ``` -2. Remove any custom Kendo themes or manually included theme files. The Web Report Designer manages its required theme resources internally. +1. Remove any custom Kendo themes or manually included theme files. The Web Report Designer manages its required theme resources internally. -3. You do not need to manually update or install specific Kendo UI versions (e.g., Kendo UI 2025.2.702). The required resources are included with the Web Report Designer installation. +1. You do not need to manually update or install specific Kendo UI versions. The required resources are included with the Web Report Designer installation. -4. Ensure the correct loading order of JavaScript files. The `webReportDesigner.kendo-19.1.25.716.min.js` file must be loaded **before** the `webReportDesigner-19.1.25.716.min.js` file, as Kendo must initialize before the designer widget. +1. Ensure the correct loading order of JavaScript files. The `webReportDesigner.kendo-19.1.25.716.min.js` file must be loaded **before** the `webReportDesigner-19.1.25.716.min.js` file, as Kendo must initialize before the designer widget. -5. If using NuGet packages for the Web Report Designer, verify the following package versions are installed: - ```xml - - - ``` +1. If issues persist, check the `kendo.version` in the browser console to ensure the Web Report Designer loads the required version. The Kendo JS subset can be found at: -6. If issues persist, check the `kendo.version` in the browser console to ensure the Web Report Designer loads the required version. The Kendo JS subset can be found at: ``` C:\Program Files (x86)\Progress\Telerik Reporting 2025 Q2\Html5\ReportDesigner\js ``` ## See Also -- [Web Report Designer Overview](https://docs.telerik.com/reporting/web-report-designer) -- [Kendo UI for jQuery Release History](https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-for-jquery-2025-1-227) -- [Kendo UI for jQuery Theme Compatibility](https://www.telerik.com/kendo-jquery-ui/documentation/styles-and-layout/sass-themes/compatibility) +* [Web Report Designer Overview]({%slug telerikreporting/designing-reports/report-designer-tools/web-report-designer/overview%}) +* [Kendo UI for jQuery Release History](https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-for-jquery-2025-1-227) +* [Kendo UI for jQuery Theme Compatibility](https://www.telerik.com/kendo-jquery-ui/documentation/styles-and-layout/sass-themes/compatibility) From 1d21b5351035a2c1b4b3c292680fd2773585bf69 Mon Sep 17 00:00:00 2001 From: Todor Arabadzhiev Date: Thu, 24 Jul 2025 17:33:11 +0300 Subject: [PATCH 3/3] Update web-report-designer-menu-display-issue.md --- .../web-report-designer-menu-display-issue.md | 27 ++++--------------- 1 file changed, 5 insertions(+), 22 deletions(-) diff --git a/knowledge-base/web-report-designer-menu-display-issue.md b/knowledge-base/web-report-designer-menu-display-issue.md index 4e538d626..5889aada0 100644 --- a/knowledge-base/web-report-designer-menu-display-issue.md +++ b/knowledge-base/web-report-designer-menu-display-issue.md @@ -18,38 +18,21 @@ ticketid: 1693136 Product Reporting Web Report Designer - - Version - 19.1.25.716 - ## Description -I cannot see the menu in the Web Report Designer integrated into my Blazor application. The menu is covered by the areas below it. I suspect site.css configurations might be causing this issue. I am unsure if this is related to custom CSS or Kendo themes. +I cannot see the menu in the Web Report Designer integrated into my Blazor application. The menu is covered by the areas below it. ## Solution -To resolve the menu display issue in the Web Report Designer, follow these steps: - -1. Ensure the Web Report Designer uses its default theme. Switch from any custom theme (e.g., `default-ocean-blue.css`) to the default theme by using the following CSS configuration: - - ```html - - ``` - -1. Remove any custom Kendo themes or manually included theme files. The Web Report Designer manages its required theme resources internally. - -1. You do not need to manually update or install specific Kendo UI versions. The required resources are included with the Web Report Designer installation. - -1. Ensure the correct loading order of JavaScript files. The `webReportDesigner.kendo-19.1.25.716.min.js` file must be loaded **before** the `webReportDesigner-19.1.25.716.min.js` file, as Kendo must initialize before the designer widget. +To resolve the menu display issue in the Web Report Designer (version 19.1.25.716 used in the samples): -1. If issues persist, check the `kendo.version` in the browser console to ensure the Web Report Designer loads the required version. The Kendo JS subset can be found at: +* Ensure the Web Report Designer uses its default theme. This means to remove any custom Kendo themes or manually included theme files. The Web Report Designer manages its required theme resources internally. +* Ensure the correct loading order of JavaScript files. The `webReportDesigner.kendo-19.1.25.716.min.js` file must be loaded **before** the `webReportDesigner-19.1.25.716.min.js` file, as Kendo must initialize before the designer widget. The Kendo JS subset can be found in the installation folder of the Telerik Reporting product, for example, at `C:\Program Files (x86)\Progress\Telerik Reporting 2025 Q2\Html5\ReportDesigner\js` for the version 2025 Q2. - ``` - C:\Program Files (x86)\Progress\Telerik Reporting 2025 Q2\Html5\ReportDesigner\js - ``` +If issues persist, check the `kendo.version` in the browser console to ensure the Web Report Designer loads the required version. ## See Also