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
	 Leigh
					Leigh