CSS for Blazorise Data Grid #7352

5 Answer(s)

• 

  0

  Anjali_Musmade created 2 days ago

  Support Team Support Team Member

  Hello,

  Could you please provide steps to reproduce or any code snippet you use for grid?

  Thanks

  Save Cancel
• 

  0

  cellero created 2 days ago

  This is the default layout of a new project generated using ABP Suite - Blazor Web App 8.2.... This is not a new issue. It is the default behavior of the Blazorise DataGrid.

  You can reproduce this by creating a new Blazor project (any flavor of Blazor)

  I want to reduce the padding on each row.

  Thanks.

  Save Cancel
• 

  0

  Anjali_Musmade created yesterday

  Support Team Support Team Member

  Hello,

  You may set padding in blazor-bundle.css file in the class

  .b-table.table tbody th, .b-table.table tbody td {
    padding: 1rem 1.25rem !important;
    vertical-align: middle;
  }
  

  You can download LeaptonX source code and check for the code

  Thanks

  Save Cancel
• 

  0

  cellero created 17 hours ago

  Hello, The blazor-bundle.css file is not part of the project. It only exists in the build output: So, I can't change it there, right?

  Can you please advise what project css file I can apply the suggested change.

  I have tried several in the Blazor and Blazor.Client + running the abp bundle command for the Blazor.Client.

  I don't want to download the LeptonX source

  Save Cancel
• 

  0

  Anjali_Musmade created 7 hours ago

  Support Team Support Team Member

  Hello,

  You can create a custom css file under the wwwroot folder and add that custom css file to BundleContributor.

  Please refer to this similar issue for adding custom css files https://support.abp.io/QA/Questions/5193/How-to-add-custom-CSS-files-in-solution-and-render-them or you may refer to this doc https://docs.abp.io/en/abp/latest/UI/Blazor/Global-Scripts-Styles

  thanks

  Save Cancel