Styling of fields in Pivot Table designer

Hello

Some time back, fields in the pivot table designer started displaying differently. Example below, but the 2 issues are:

  1. The field list (on the left) has the icon for dragging on the right of the field text. Previously the icon was on the left and hence everything aligned neatly.
  2. For the Filters, Columns, Rows and Values boxes the icon is on the left but the whole row appears to be center aligned. It used to be left aligned and much neater.

Image_1748_1708336885441


It may be that I have inadvertently styled this, but I can't seem to track that styling down.

Looking forward to your feedback.

Thanks



3 Replies 1 reply marked as answer

AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team February 20, 2024 12:12 PM UTC

Hi Ditchford,


We have checked the reported issue, but we are unable to reproduce it at our end. The field list UI rendered properly at our end. However, we believe that the styles are not referred properly in your Blazor application. Also, we would like to inform you that the drag icon for the fields in the treeview UI has been moved to the right side, allowing for easier access to the checkbox and drag options while also providing more space to display field labels with large text. Please refer to the getting started documentation for further information about referring to scripts and style sheets.


Document: https://blazor.syncfusion.com/documentation/pivot-table/getting-started#add-stylesheet-and-script-resources


Meanwhile, we have shared the sample that we have checked and the output screenshot for your reference.


Output Screenshot:


If the problem persists, please reproduce it in the provided sample and revert to us (or) send your runnable project that reproduces the problem. This would allow us to investigate the reported problem at our end and provide a solution as soon as possible.


Regards,

Angelin Faith Sheeba.


Attachment: PivotTable_31178a12.zip

Marked as answer

DI Ditchford April 2, 2024 07:00 AM UTC

Hello


Thank you.  Using the link to the version specific material.css file resolved this:


   <link rel='nofollow' href="https://cdn.syncfusion.com/blazor/25.1.35/styles/material.css" rel="stylesheet" />


Plea



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team April 3, 2024 06:57 AM UTC

Hi Ditchford,


Thank you for the update. We are glad to hear that using the link of the version-specific material.css file resolved your issue. If you have any further questions or concerns, please feel free to let us know. We're here to assist you!


Regards,

Angelin Faith Sheeba.


Loader.
Up arrow icon