Dashboard Layout rendering wrong CSS width values (, instead of .)

[IT VBFK]

Hi

I have the following problem with the DashboardLayout control:

Setup:

• MAUI-Blazor app
• a small dashboard in the Index.razor page with two rows and the first row divided into three columns. 

Problem:

With latest v25 this renders as it is supposed to do, but with current v26 (26.2.14) on the first time launching the three columns appear underneath each other (with every column's width = 100%). I launched up the browser dev-tools and noticed that the width and/or left CSS values (which are floating point values in my case) are generated e.g. width: 1,23456px which is an invalid value for the width (notice the comma as floating point separation). The correct value should be width: 1.23456px. See screenshot attached...

If I fix this by changing the "," to a "." it shows all columns as I expect it, but when I resize a column it generates the wrong value again, which leads to aforementioned problem.

Note: ​This only happens on the very first page render. If I hit Strg + R to reload the page it renders fine and also the column resize is working.

Edit: ​I was not completely accurate about my setup: additionally to above is, that my app starts completely in background (meaning minimized to system tray). My app has no MainWindowHandle at that point. After a click to the system tray icon the app comes to foreground and shows the mentioned behavior. When I disable the "only system tray launch" it works even on the first launch.

Edit 2: Rolling back to 26.2.13 fixes this problem

Attachment: SnippingToolPlus001_e7b536e4.7z

[LeoLavanya Dhanaraj]

Hi,

Greetings from Syncfusion support.

Based on the shared details, we have validated the mentioned issue with the Blazor Dashboard Layout component. The issue is occurring due to the CSS width styles (carries comma(,) instead of (.)). However, we have considered it as a bug on our end(Dashboard CSS width issue with other languages(german, dutch)). The fix for this issue will be included in the first weekly patch release after our upcoming Volume 3 release, which is expected to be on end of September 2024.

You can track the status of the fix through the following link.

Feedback: https://www.syncfusion.com/feedback/61249/dashboard-css-width-issue-with-other-languagesgerman-dutch

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

Regards,

Leo Lavanya Dhanaraj

[IT VBFK]

Thank you for getting to this so quick :)

For now I switch back to 26.2.13

[LeoLavanya Dhanaraj]

Okay. Currently, we are working on the mentioned Dashboard issue and let you know once the fix is included. Please track the status of the bug issue using the feedback below.

 https://www.syncfusion.com/feedback/61249/dashboard-css-width-issue-with-other-languagesgerman-dutch

We appreciate your patience.

[SureshRajan Alagarsamy]

Hi IT VBFK,

Thanks for your patience.

The issue with “Dashboard CSS width issue with other languages” has been resolved in this release. To access this fix, we suggest you update the package to 27.1.50 and we include the sample in the latest version for your reference.

Sample: Attached as zip folder.

Feedback : https://www.syncfusion.com/feedback/61249/dashboard-css-width-issue-with-other-languagesgerman-dutch-czech

Release Notes: https://blazor.syncfusion.com/documentation/release-notes/27.1.50?type=all#dashboard-layout

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.

Regards,

Suresh.

Attachment: WASMDOTNET8DashboardLayout_d83efd97.zip