Adam
/
FruitBankHybridApp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Enhance MgGridInfoPanel with responsive/fixed columns 

Add support for both responsive and fixed column layouts in MgGridInfoPanel via new parameters (TwoColumnBreakpoint, ThreeColumnBreakpoint, FourColumnBreakpoint, FixedColumnCount). Refactor CSS to use variables for breakpoints, add fixed column classes, and update container queries. Move styles to a new global mg-grid-info-panel.css, referenced in App.razor and index.html. Improve view mode styling and accessibility. Add Partner.Country column to GridPartner.razor.
This commit is contained in:
Loretta 2025-12-18 11:41:07 +01:00
parent 7f4052faa2
commit 2bcf802da7
3 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
FruitBankHybrid.Shared/Components/Grids/Partners/GridPartner.razor
View File

@ -29,6 +29,7 @@
<DxGridDataColumn FieldName="TaxId" />
<DxGridDataColumn FieldName="CertificationNumber" />
<DxGridDataColumn FieldName="PostalCode" />
<DxGridDataColumn FieldName="@nameof(Partner.Country)" />
<DxGridDataColumn FieldName="State" />
<DxGridDataColumn FieldName="County" />
<DxGridDataColumn FieldName="City" />

1
FruitBankHybrid.Web/Components/App.razor
View File

@ -15,6 +15,7 @@
<link href=@AppendVersion("_content/FruitBankHybrid.Shared/bootstrap/bootstrap.min.css") rel="stylesheet" />
<link href=@AppendVersion("_content/FruitBankHybrid.Shared/app.css") rel="stylesheet" />
<link href=@AppendVersion("_content/AyCode.Blazor.Components/css/mg-grid-info-panel.css") rel="stylesheet" />
<link href=@AppendVersion("FruitBankHybrid.Web.styles.css") rel="stylesheet" />
<ImportMap />

1
FruitBankHybrid/wwwroot/index.html
View File

@ -13,6 +13,7 @@
<link href="_content/DevExpress.Blazor/dx-blazor.css" rel="stylesheet" />
<link href="_content/FruitBankHybrid.Shared/bootstrap/bootstrap.min.css" rel="stylesheet" />
<link href="_content/FruitBankHybrid.Shared/app.css" rel="stylesheet" />
<link href="_content/AyCode.Blazor.Components/css/mg-grid-info-panel.css" rel="stylesheet" />
<link href="app.css" rel="stylesheet" />
<link href="FruitBankHybrid.styles.css" rel="stylesheet" />
<link rel="icon" href="data:,">