Modified External Module Template
replace tables in markup with responsive approach.
This commit is contained in:
		@ -9,23 +9,22 @@
 | 
			
		||||
@inject IStringLocalizer<Edit> Localizer
 | 
			
		||||
 | 
			
		||||
<form @ref="form" class="@(validated ? "was-validated" : "needs-validation")" novalidate>
 | 
			
		||||
<table class="table table-borderless">
 | 
			
		||||
    <tr>
 | 
			
		||||
        <td>
 | 
			
		||||
            <Label For="name" HelpText="Enter a name" ResourceKey="Name">Name: </Label>
 | 
			
		||||
        </td>
 | 
			
		||||
        <td>
 | 
			
		||||
            <input id="name" class="form-control" @bind="@_name" required />
 | 
			
		||||
        </td>
 | 
			
		||||
    </tr>
 | 
			
		||||
</table>
 | 
			
		||||
<button type="button" class="btn btn-success" @onclick="Save">@Localizer["Save"]</button>
 | 
			
		||||
<NavLink class="btn btn-secondary" href="@NavigateUrl()">@Localizer["Cancel"]</NavLink>
 | 
			
		||||
<br /><br />
 | 
			
		||||
@if (PageState.Action == "Edit")
 | 
			
		||||
{
 | 
			
		||||
<form @ref="form" class="@(validated ? " was-validated" : "needs-validation" )" novalidate>
 | 
			
		||||
    <div class="container">
 | 
			
		||||
        <div class="row mb-1 align-items-center">
 | 
			
		||||
            <Label Class="col-sm-3" For="name" HelpText="Enter a name" ResourceKey="Name">Name: </Label>
 | 
			
		||||
            <div class="col-sm-9">
 | 
			
		||||
                <input id="name" class="form-control" @bind="@_name" required />
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    <button type="button" class="btn btn-success" @onclick="Save">@Localizer["Save"]</button>
 | 
			
		||||
    <NavLink class="btn btn-secondary" href="@NavigateUrl()">@Localizer["Cancel"]</NavLink>
 | 
			
		||||
    <br /><br />
 | 
			
		||||
    @if (PageState.Action == "Edit")
 | 
			
		||||
    {
 | 
			
		||||
    <AuditInfo CreatedBy="@_createdby" CreatedOn="@_createdon" ModifiedBy="@_modifiedby" ModifiedOn="@_modifiedon"></AuditInfo>
 | 
			
		||||
}
 | 
			
		||||
    }
 | 
			
		||||
</form>
 | 
			
		||||
 | 
			
		||||
@code {
 | 
			
		||||
 | 
			
		||||
@ -3,16 +3,14 @@
 | 
			
		||||
@inject ISettingService SettingService
 | 
			
		||||
@inject IStringLocalizer<Settings> Localizer
 | 
			
		||||
 | 
			
		||||
<table class="table table-borderless">
 | 
			
		||||
    <tr>
 | 
			
		||||
        <td>
 | 
			
		||||
            <Label For="value" HelpText="Enter a value" ResourceKey="SettingName">Name: </Label>
 | 
			
		||||
        </td>
 | 
			
		||||
        <td>
 | 
			
		||||
            <input id="value" type="text" class="form-control" @bind="@_value" />
 | 
			
		||||
        </td>
 | 
			
		||||
    </tr>
 | 
			
		||||
</table>
 | 
			
		||||
<div class="container">
 | 
			
		||||
    <div class="row mb-1 align-items-center">
 | 
			
		||||
        <Label Class="col-sm-3" For="value" HelpText="Enter a value" ResourceKey="SettingName">Name: </Label>
 | 
			
		||||
            <div class="col-sm-9">
 | 
			
		||||
                <input id="value" type="text" class="form-control" @bind="@_value" />
 | 
			
		||||
            </div>
 | 
			
		||||
    </div>
 | 
			
		||||
</div>
 | 
			
		||||
 | 
			
		||||
@code {
 | 
			
		||||
    public override string Title => "[Module] Settings";
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user