Modified External Module Template

replace tables in markup with responsive approach.
This commit is contained in:
Leigh 2021-07-11 14:27:18 +02:00
parent 0b7b34f336
commit 37672ea632
2 changed files with 23 additions and 26 deletions

View File

@ -9,23 +9,22 @@
@inject IStringLocalizer<Edit> Localizer @inject IStringLocalizer<Edit> Localizer
<form @ref="form" class="@(validated ? "was-validated" : "needs-validation")" novalidate> <form @ref="form" class="@(validated ? "was-validated" : "needs-validation")" novalidate>
<table class="table table-borderless"> <form @ref="form" class="@(validated ? " was-validated" : "needs-validation" )" novalidate>
<tr> <div class="container">
<td> <div class="row mb-1 align-items-center">
<Label For="name" HelpText="Enter a name" ResourceKey="Name">Name: </Label> <Label Class="col-sm-3" For="name" HelpText="Enter a name" ResourceKey="Name">Name: </Label>
</td> <div class="col-sm-9">
<td> <input id="name" class="form-control" @bind="@_name" required />
<input id="name" class="form-control" @bind="@_name" required /> </div>
</td> </div>
</tr> </div>
</table> <button type="button" class="btn btn-success" @onclick="Save">@Localizer["Save"]</button>
<button type="button" class="btn btn-success" @onclick="Save">@Localizer["Save"]</button> <NavLink class="btn btn-secondary" href="@NavigateUrl()">@Localizer["Cancel"]</NavLink>
<NavLink class="btn btn-secondary" href="@NavigateUrl()">@Localizer["Cancel"]</NavLink> <br /><br />
<br /><br /> @if (PageState.Action == "Edit")
@if (PageState.Action == "Edit") {
{
<AuditInfo CreatedBy="@_createdby" CreatedOn="@_createdon" ModifiedBy="@_modifiedby" ModifiedOn="@_modifiedon"></AuditInfo> <AuditInfo CreatedBy="@_createdby" CreatedOn="@_createdon" ModifiedBy="@_modifiedby" ModifiedOn="@_modifiedon"></AuditInfo>
} }
</form> </form>
@code { @code {

View File

@ -3,16 +3,14 @@
@inject ISettingService SettingService @inject ISettingService SettingService
@inject IStringLocalizer<Settings> Localizer @inject IStringLocalizer<Settings> Localizer
<table class="table table-borderless"> <div class="container">
<tr> <div class="row mb-1 align-items-center">
<td> <Label Class="col-sm-3" For="value" HelpText="Enter a value" ResourceKey="SettingName">Name: </Label>
<Label For="value" HelpText="Enter a value" ResourceKey="SettingName">Name: </Label> <div class="col-sm-9">
</td> <input id="value" type="text" class="form-control" @bind="@_value" />
<td> </div>
<input id="value" type="text" class="form-control" @bind="@_value" /> </div>
</td> </div>
</tr>
</table>
@code { @code {
public override string Title => "[Module] Settings"; public override string Title => "[Module] Settings";