Skip to content

Commit

Permalink
Merge pull request #408 from GregFinzer/feature/gridScrollbars
Browse files Browse the repository at this point in the history 
Grid Scrollbar for Mobile Bed Request, Donations, Users
  • Loading branch information
@GregFinzer
GregFinzer authored Oct 16, 2024
2 parents 4a556af + 0b505ed commit 615274e
Show file tree
Hide file tree
Showing 3 changed files with 96 additions and 91 deletions.
15 changes: 8 additions & 7 deletions BedBrigade.Client/Components/BedRequestGrid.razor
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,12 +8,13 @@
}
else
{
<fieldset >
<legend class="ms-3">@ManageBedRequestsMessage</legend>
<div class="col-md-12 control-sec">
<div class="content-wrapper" style="width: 100%">
<div class="row">
<div style="width: 100%">
<br/>
<h3 class="ms-3">@ManageBedRequestsMessage</h3>
<div class="col-md-12">
<div class="content-wrapper">
<div class="row">
<div style="width: 100%" >

<SfGrid @ref="Grid" TValue="BedRequest" DataSource=@BedRequests
ContextMenuItems=@ContextMenu
EnablePersistence="true"
Expand Down Expand Up @@ -240,7 +241,7 @@ else
</div>
</div>
</div>
</fieldset>}
}
<SfToast ID="SaveToast" @ref=@ToastObj Title="@ToastTitle" Width="300" Timeout=@ToastTimeout Target="#TheToast" >
<ToastPosition X="Center" Y="Top" ></ToastPosition>
</SfToast>
Expand Down
66 changes: 34 additions & 32 deletions BedBrigade.Client/Components/DonationGrid.razor
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,13 @@
}
else
{
<fieldset>
<legend class="ms-3">Donations</legend>
<div class="col-md-12 control-sec">
<div class="content-wrapper">
<div class="row">
<SfGrid ID="DonationGrid" @ref="Grid" TValue="Donation" DataSource=@Donations
<br/>
<h3 class="ms-3">Donations</h3>
<div class="col-md-12">
<div class="content-wrapper">
<div class="row">
<div style="width: 100%">
<SfGrid ID="DonationGrid" @ref="Grid" TValue="Donation" DataSource=@Donations
ContextMenuItems=@ContextMenu
EnablePersistence="true"
ShowColumnChooser="true"
Expand All @@ -35,14 +36,14 @@ else
AllowTextWrap="true"
AllowGrouping="true"
Width="100%">
<GridPageSettings PageSizes="@(new int[]{5,10,15,20,25,50})" PageSize="25" />
<GridEvents DataBound=@DataBound
Destroyed=@OnDestroyed
OnLoad=@OnLoad
OnToolbarClick=@OnToolBarClick
ContextMenuItemClicked=@OnContextMenuClicked
OnActionBegin=@OnActionBegin
TValue="Donation" />
<GridPageSettings PageSizes="@(new int[] { 5, 10, 15, 20, 25, 50 })" PageSize="25"/>
<GridEvents DataBound=@DataBound
Destroyed=@OnDestroyed
OnLoad=@OnLoad
OnToolbarClick=@OnToolBarClick
ContextMenuItemClicked=@OnContextMenuClicked
OnActionBegin=@OnActionBegin
TValue="Donation"/>
<GridTemplates>
<EmptyRecordTemplate>
<span>@RecordText</span>
Expand All @@ -51,7 +52,7 @@ else
<GridFilterSettings Type="FilterType.CheckBox"></GridFilterSettings>
<GridSortSettings>
<GridSortColumns>
<GridSortColumn Field="LocationId" Direction="SortDirection.Ascending" />
<GridSortColumn Field="LocationId" Direction="SortDirection.Ascending"/>
</GridSortColumns>
</GridSortSettings>
<GridGroupSettings Columns=@groupColumns ShowDropArea="false">
Expand Down Expand Up @@ -87,55 +88,56 @@ else
{
donation.LocationId = int.Parse(Identity.Claims.FirstOrDefault(c => c.Type == "LocationId").Value);
}

<div class="row">
<div class="col-md-6">
<SfTextBox ID="name" @bind-Value=@donation.FirstName Enabled="true" Placeholder="@_lc.Keys["FirstName"]" FloatLabelType="FloatLabelType.Auto" />
<SfTextBox ID="name" @bind-Value=@donation.FirstName Enabled="true" Placeholder="@_lc.Keys["FirstName"]" FloatLabelType="FloatLabelType.Auto"/>
</div>
<div class="col-md-6">
<SfTextBox @bind-Value=@donation.LastName Enabled="true" Placeholder="@_lc.Keys["LastName"]" FloatLabelType="FloatLabelType.Auto" />
<SfTextBox @bind-Value=@donation.LastName Enabled="true" Placeholder="@_lc.Keys["LastName"]" FloatLabelType="FloatLabelType.Auto"/>
</div>
</div>
<div class="row">
<div class="col-md-12">
<SfTextBox @bind-Value=@donation.Email Type="InputType.Email" Enabled="true" Placeholder="@_lc.Keys["Email"]" FloatLabelType="FloatLabelType.Auto" />
<SfTextBox @bind-Value=@donation.Email Type="InputType.Email" Enabled="true" Placeholder="@_lc.Keys["Email"]" FloatLabelType="FloatLabelType.Auto"/>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<SfTextBox @bind-Value=@donation.TransactionId Enabled="true" Placeholder="@_lc.Keys["TransactionId"]" FloatLabelType="FloatLabelType.Auto" />
<SfTextBox @bind-Value=@donation.TransactionId Enabled="true" Placeholder="@_lc.Keys["TransactionId"]" FloatLabelType="FloatLabelType.Auto"/>
</div>
<div class="form-group col-md-6">
<SfNumericTextBox @bind-Value=@donation.Amount Enabled="true" Placeholder="@_lc.Keys["Amount"]" FloatLabelType="FloatLabelType.Auto" Format="C2" Decimals="2" />
<SfNumericTextBox @bind-Value=@donation.Amount Enabled="true" Placeholder="@_lc.Keys["Amount"]" FloatLabelType="FloatLabelType.Auto" Format="C2" Decimals="2"/>
</div>
</div>
<div class="row">
<div class="col-md-6">
<SfDatePicker @bind-Value=@donation.DonationDate Enabled="true" Placeholder="@_lc.Keys["DonationDate"]" FloatLabelType="FloatLabelType.Auto" />
<SfDatePicker @bind-Value=@donation.DonationDate Enabled="true" Placeholder="@_lc.Keys["DonationDate"]" FloatLabelType="FloatLabelType.Auto"/>
</div>
<div class="col-md-6">
<SfCheckBox @bind-Checked=@donation.TaxFormSent Enabled="true" Label="@_lc.Keys["TaxFormSent"]" />
<SfCheckBox @bind-Checked=@donation.TaxFormSent Enabled="true" Label="@_lc.Keys["TaxFormSent"]"/>
</div>
</div>
}
</Template>
</GridEditSettings>
<GridColumns>
<GridColumn Field=@nameof(Donation.DonationId) IsPrimaryKey="true" Visible="false" ShowInColumnChooser="false" />
<GridColumn Field=@nameof(Donation.FirstName) ShowColumnMenu="false" HeaderText="First Name" Type="ColumnType.String" AllowEditing="false" AllowFiltering="false" AutoFit="true" />
<GridColumn Field=@nameof(Donation.LastName) ShowColumnMenu="false" HeaderText="Last Name" Type="ColumnType.String" AllowEditing="false" AllowFiltering="false" AutoFit="true" />
<GridColumn Field=@nameof(Donation.Email) ShowColumnMenu="false" HeaderText="Email" Type="ColumnType.String" AllowEditing="false" AllowFiltering="true" AutoFit="true" />
<GridColumn Field=@nameof(Donation.TransactionId) ShowColumnMenu="false" HeaderText="Transaction Id" Type="ColumnType.String" AllowEditing="false" AllowFiltering="false" AutoFit="true" />
<GridForeignColumn Field=@nameof(Donation.LocationId) ForeignDataSource=@Locations ForeignKeyField="LocationId" ForeignKeyValue="Name" ShowColumnMenu="false" HeaderText="Location" Type="ColumnType.String" AllowEditing="false" AllowFiltering="false" AutoFit="true" />
<GridColumn Field=@nameof(Donation.TaxFormSent) ShowColumnMenu="false" HeaderText="Tax Form Sent" Type="ColumnType.Boolean" AllowEditing="false" AllowFiltering="false" TextAlign="TextAlign.Center" DisplayAsCheckBox="true" AutoFit="true" />
<GridColumn Field=@nameof(Donation.DonationDate) ShowColumnMenu="false" HeaderText="Donation Date" Type="ColumnType.Date" AllowEditing="false" AllowFiltering="false" AutoFit="true" />
<GridColumn Field=@nameof(Donation.Amount) ShowColumnMenu="false" HeaderText="Amount" HeaderTextAlign="TextAlign.Center" Type="ColumnType.Decimal" Format="$#####.##" AllowEditing="false" AllowFiltering="false" TextAlign="TextAlign.Right" AutoFit="true" />
<GridColumn Field=@nameof(Donation.DonationId) IsPrimaryKey="true" Visible="false" ShowInColumnChooser="false"/>
<GridColumn Field=@nameof(Donation.FirstName) ShowColumnMenu="false" HeaderText="First Name" Type="ColumnType.String" AllowEditing="false" AllowFiltering="false" AutoFit="true"/>
<GridColumn Field=@nameof(Donation.LastName) ShowColumnMenu="false" HeaderText="Last Name" Type="ColumnType.String" AllowEditing="false" AllowFiltering="false" AutoFit="true"/>
<GridColumn Field=@nameof(Donation.Email) ShowColumnMenu="false" HeaderText="Email" Type="ColumnType.String" AllowEditing="false" AllowFiltering="true" AutoFit="true"/>
<GridColumn Field=@nameof(Donation.TransactionId) ShowColumnMenu="false" HeaderText="Transaction Id" Type="ColumnType.String" AllowEditing="false" AllowFiltering="false" AutoFit="true"/>
<GridForeignColumn Field=@nameof(Donation.LocationId) ForeignDataSource=@Locations ForeignKeyField="LocationId" ForeignKeyValue="Name" ShowColumnMenu="false" HeaderText="Location" Type="ColumnType.String" AllowEditing="false" AllowFiltering="false" AutoFit="true"/>
<GridColumn Field=@nameof(Donation.TaxFormSent) ShowColumnMenu="false" HeaderText="Tax Form Sent" Type="ColumnType.Boolean" AllowEditing="false" AllowFiltering="false" TextAlign="TextAlign.Center" DisplayAsCheckBox="true" AutoFit="true"/>
<GridColumn Field=@nameof(Donation.DonationDate) ShowColumnMenu="false" HeaderText="Donation Date" Type="ColumnType.Date" AllowEditing="false" AllowFiltering="false" AutoFit="true"/>
<GridColumn Field=@nameof(Donation.Amount) ShowColumnMenu="false" HeaderText="Amount" HeaderTextAlign="TextAlign.Center" Type="ColumnType.Decimal" Format="$#####.##" AllowEditing="false" AllowFiltering="false" TextAlign="TextAlign.Right" AutoFit="true"/>
</GridColumns>
</SfGrid>

</div>
</div>
</div>
</fieldset>
</div>
}


Expand Down
Loading

0 comments on commit 615274e

Please sign in to comment.