Dashboard layout is totally broken since 26.2.14

[Julien Barach]

Hi,

The following sample is working in v26.2.13, but it's broken in v26.2.14 and v27.1.48 :

<SfDashboardLayout @ref="dashboardObject" Columns="5" AllowResizing="true">

        <DashboardLayoutPanels>

            <DashboardLayoutPanel Id="one" Column="0" Row="0" SizeX="1" SizeY="2">

                <HeaderTemplate>Panel 1</HeaderTemplate>

            </DashboardLayoutPanel>

            <DashboardLayoutPanel Id="two" Row="2" Column="0" SizeX="2" SizeY="2">

                <HeaderTemplate>Panel 2</HeaderTemplate>

            </DashboardLayoutPanel>

        </DashboardLayoutPanels>

    </SfDashboardLayout>

[Abinesh Palanisamy]

Hi Julien,

Greetings from Syncfusion support.

With the shared code details, we have prepared and validated the mentioned Dashboard issue with the latest version(27.1.48). However, the panels are properly rendered with its position. For your reference, we have included the validated sample and output screenshot.   

Sample : https://blazorplayground.syncfusion.com/LjVzZEBDWyIrYqEW

Output screenshot:

If the issue still persists, please share the details of your exact issue along with the replication steps. Additionally, does this issue occur in any specific region (or browser language)? This information will help us validate the problem and provide a prompt solution.

Regards,

Leo Lavanya Dhanaraj

[Julien Barach]

Hi,

Your sample is not working in my case.

My browser is in French and I'm in France, without cache (incognito), same on Chrome or Edge. I don't know if it's related to the region but for now I need to stay on 26.2.13 otherwise dashboards are broken.

[LeoLavanya Dhanaraj]

Hi Julien,

We would like to inform you that the mentioned issue does not occur on our end. However, we suspect that the issue arises due to specific regions of browser, such as German, the Dutch, and French. We have identified a known issue with the Dashboard panel, where the CSS width is not formatted correctly in other languages (German and Dutch). This issue is occurring because the CSS width styles use a comma (,) instead of a period (.).

We have already acknowledged this as a bug on our end. The fix for this issue will be included in our upcoming weekly patch release, which is expected to take place at the 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

[SureshRajan Alagarsamy]

Hi Julien,

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_93acf456.zip