diff --git a/front/src/app/app.module.ts b/front/src/app/app.module.ts
index 463fb4a..ef5624d 100644
--- a/front/src/app/app.module.ts
+++ b/front/src/app/app.module.ts
@@ -42,7 +42,7 @@ import {
 	UserService,
 } from 'common/service';
 import { CommonModule } from '@angular/common';
-import { ErrorComponent, PopInComponent, SpinerComponent, TopMenuComponent, UploadFileComponent, PasswordEntryComponent, EntryComponent, AsyncActionStatusComponent, ErrorMessageStateComponent, CheckboxComponent, BurgerPropertyComponent, EntryValidatorComponent, RenderSettingsComponent } from 'common/component';
+import { ErrorComponent, PopInComponent, SpinerComponent, TopMenuComponent, UploadFileComponent, PasswordEntryComponent, EntryComponent, AsyncActionStatusComponent, ErrorMessageStateComponent, CheckboxComponent, BurgerPropertyComponent, EntryValidatorComponent, RenderSettingsComponent, RenderFormComponent } from 'common/component';
 import { ForbiddenScene } from 'common/scene';
 import { AdminUserService, ApplicationService, ApplicationTokenService, SettingsService } from 'app/service';
 import { PopInUploadProgress, PopInDeleteConfirm } from 'common/popin';
@@ -62,6 +62,7 @@ import { PopInUploadProgress, PopInDeleteConfirm } from 'common/popin';
 		CheckboxComponent,
 		BurgerPropertyComponent,
 		RenderSettingsComponent,
+		RenderFormComponent,
 
 		PopInComponent,
 		PopInUploadProgress,
diff --git a/front/src/common/component/index.ts b/front/src/common/component/index.ts
index 71c0bc8..490701f 100644
--- a/front/src/common/component/index.ts
+++ b/front/src/common/component/index.ts
@@ -7,9 +7,10 @@ import { ErrorMessageStateComponent } from './error-message-state/error-message-
 import { ErrorComponent } from './error/error';
 import { PasswordEntryComponent } from './password-entry/password-entry';
 import { PopInComponent } from './popin/popin';
+import { RenderFormComponent } from './render-settings/render-form';
 import { RenderSettingsComponent } from './render-settings/render-settings';
 import { SpinerComponent } from './spiner/spiner';
 import { TopMenuComponent } from './top-menu/top-menu';
 import { UploadFileComponent } from './upload-file/upload-file';
 
-export { BurgerPropertyComponent, CheckboxComponent, RenderSettingsComponent, ErrorMessageStateComponent, AsyncActionState, AsyncActionStatusComponent, EntryValidatorComponent, PopInComponent, TopMenuComponent, UploadFileComponent, ErrorComponent, SpinerComponent, PasswordEntryComponent, EntryComponent };
+export { BurgerPropertyComponent, CheckboxComponent, RenderFormComponent, RenderSettingsComponent, ErrorMessageStateComponent, AsyncActionState, AsyncActionStatusComponent, EntryValidatorComponent, PopInComponent, TopMenuComponent, UploadFileComponent, ErrorComponent, SpinerComponent, PasswordEntryComponent, EntryComponent };
diff --git a/front/src/common/component/render-settings/render-form.html b/front/src/common/component/render-settings/render-form.html
new file mode 100644
index 0000000..b877c71
--- /dev/null
+++ b/front/src/common/component/render-settings/render-form.html
@@ -0,0 +1,28 @@
+<table width="100%">
+	<tr *ngFor="let elem of values">
+		<td width="15%" *ngIf="elem.type !== 'LINE'"
+		[style.color]="elem.require && elem.value.length === 0 && elem.newValue === undefined ? 'red' : ''"
+		><b>{{elem.title}}</b></td>
+		<td width="85%" *ngIf="elem.type !== 'LINE'">
+			<app-entry
+				*ngIf="elem.type === 'STRING'"
+				[value]="elem.value"
+				[placeholder]="elem.placeholder"
+				[hasError]="elem.state !== undefined"
+				(changeValue)="checkParameter($event, elem)"></app-entry>
+			<app-password-entry
+				*ngIf="elem.type === 'PASSWORD'"
+				[value]="elem.value"
+				[placeholder]="elem.placeholder"
+				[hasError]="elem.state !== true"
+				(changeValue)="checkParameter($event, elem)"></app-password-entry>
+			<app-checkbox
+				*ngIf="elem.type === 'BOOLEAN'"
+				[value]="elem.value"
+				(changeValue)="checkParameter($event, elem)"></app-checkbox>
+			<app-error-message-state [value]="elem.state"></app-error-message-state>
+		</td>
+		<td width="85%" *ngIf="elem.type === 'LINE'"></td>
+		<td width="85%" *ngIf="elem.type === 'LINE'"></td>
+	</tr>
+</table>
\ No newline at end of file
diff --git a/front/src/common/component/render-settings/render-form.less b/front/src/common/component/render-settings/render-form.less
new file mode 100644
index 0000000..e69de29
diff --git a/front/src/common/component/render-settings/render-form.ts b/front/src/common/component/render-settings/render-form.ts
new file mode 100644
index 0000000..c6087d3
--- /dev/null
+++ b/front/src/common/component/render-settings/render-form.ts
@@ -0,0 +1,17 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+import { Component } from '@angular/core';
+import { RenderSettingsComponent } from './render-settings';
+
+@Component({
+	selector: 'app-render-form',
+	templateUrl: 'render-form.html',
+	styleUrls: ['render-form.less'],
+})
+export class RenderFormComponent extends RenderSettingsComponent {
+
+}
+