Fix Fin app column export widths

Author: dimodi

sample-applications/blazor-financial-dashboard/BlazorFinancialDashboard/Components/Pages/Analytics.razor

@@ -153,19 +153,31 @@
     {
         args.Columns.First(x => x.Field == nameof(Transaction.Date)).Width = "180px";
         args.Columns.First(x => x.Field == nameof(Transaction.Amount)).Width = "100px";
-        args.Columns.First(x => x.Field == nameof(Transaction.Category)).Width = "120px";
-        args.Columns.First(x => x.Field == nameof(Transaction.PaymentMethodId)).Width = "100px";
-        args.Columns.First(x => x.Field == nameof(Transaction.Merchant)).Width = "140px";
+        if (IsLargeScreen)
+        {
+            args.Columns.First(x => x.Field == nameof(Transaction.Category)).Width = "120px";
+            args.Columns.First(x => x.Field == nameof(Transaction.PaymentMethodId)).Width = "100px";
+        }
+        if (IsMediumOrLargeScreen)
+        {
+            args.Columns.First(x => x.Field == nameof(Transaction.Merchant)).Width = "140px";
+        }
         args.Columns.First(x => x.Field == nameof(Transaction.Status)).Width = "100px";
     }
 
     private void OnGridBeforePdfExport(GridBeforePdfExportEventArgs args)
     {
         args.Columns.First(x => x.Field == nameof(Transaction.Date)).Width = "180px";
         args.Columns.First(x => x.Field == nameof(Transaction.Amount)).Width = "100px";
-        args.Columns.First(x => x.Field == nameof(Transaction.Category)).Width = "120px";
-        args.Columns.First(x => x.Field == nameof(Transaction.PaymentMethodId)).Width = "100px";
-        args.Columns.First(x => x.Field == nameof(Transaction.Merchant)).Width = "140px";
+        if (IsLargeScreen)
+        {
+            args.Columns.First(x => x.Field == nameof(Transaction.Category)).Width = "120px";
+            args.Columns.First(x => x.Field == nameof(Transaction.PaymentMethodId)).Width = "100px";
+        }
+        if (IsMediumOrLargeScreen)
+        {
+            args.Columns.First(x => x.Field == nameof(Transaction.Merchant)).Width = "140px";
+        }
         args.Columns.First(x => x.Field == nameof(Transaction.Status)).Width = "100px";
     }
 

sample-applications/blazor-financial-dashboard/BlazorFinancialDashboard/Components/Pages/Overview.razor

@@ -198,25 +198,31 @@
     {
         args.Columns.First(x => x.Field == nameof(Transaction.Date)).Width = "180px";
         args.Columns.First(x => x.Field == nameof(Transaction.Amount)).Width = "100px";
-        if (IsLargeScreen)
-        {
-            args.Columns.First(x => x.Field == nameof(Transaction.Category)).Width = "120px";
-            args.Columns.First(x => x.Field == nameof(Transaction.PaymentMethodId)).Width = "100px";
-        }
-        args.Columns.First(x => x.Field == nameof(Transaction.Merchant)).Width = "140px";
+        if (IsLargeScreen)
+        {
+            args.Columns.First(x => x.Field == nameof(Transaction.Category)).Width = "120px";
+            args.Columns.First(x => x.Field == nameof(Transaction.PaymentMethodId)).Width = "100px";
+        }
+        if (IsMediumOrLargeScreen)
+        {
+            args.Columns.First(x => x.Field == nameof(Transaction.Merchant)).Width = "140px";
+        }
         args.Columns.First(x => x.Field == nameof(Transaction.Status)).Width = "100px";
     }
 
     private void OnGridBeforePdfExport(GridBeforePdfExportEventArgs args)
     {
         args.Columns.First(x => x.Field == nameof(Transaction.Date)).Width = "180px";
-        args.Columns.First(x => x.Field == nameof(Transaction.Amount)).Width = "100px";
-        if (IsLargeScreen)
-        {
-            args.Columns.First(x => x.Field == nameof(Transaction.Category)).Width = "120px";
-            args.Columns.First(x => x.Field == nameof(Transaction.PaymentMethodId)).Width = "100px";
-        }
-        args.Columns.First(x => x.Field == nameof(Transaction.Merchant)).Width = "140px";
+        args.Columns.First(x => x.Field == nameof(Transaction.Amount)).Width = "100px";
+        if (IsLargeScreen)
+        {
+            args.Columns.First(x => x.Field == nameof(Transaction.Category)).Width = "120px";
+            args.Columns.First(x => x.Field == nameof(Transaction.PaymentMethodId)).Width = "100px";
+        }
+        if (IsMediumOrLargeScreen)
+        {
+            args.Columns.First(x => x.Field == nameof(Transaction.Merchant)).Width = "140px";
+        }
         args.Columns.First(x => x.Field == nameof(Transaction.Status)).Width = "100px";
     }