Adding custom fields/Editor Field: Difference between revisions

← Older edit Newer edit →

Revision as of 11:47, 24 February 2017

Editor Field

Editor

Provides a drop down list of the available WYSIWYG editors.

Options

Special options within this field are

Buttons
You can decide if the button should be shown or not.
Hide
Hide the buttons in the comma separated list. If you insert "pagebreak,readmore" the buttons for pagebreak and readmore will not displayed.
Width
The value for width defines the width (in pixels) of the WYSIWYG editor. Default value for this is 100%.
Height
The value for height defines the heigth (in pixels) of the WYSIWYG editor. Default value for this is 250px.

Related Information

See Editors form field type

Screenshots

Creating the field

Let's say you create a field with the options shown in the next figure.

Using the field in the backend

In the backend while creating an article or a contact you see the field like in the following imageː

Using the field in the frontend

In the frontend, you can see the field as you see in the following image. The option Automatic display is responsible for the position of the field and your template is responsible for the design of the field.
Fields are only displayed in the frontend if you have filled them with data in the article. If it is not a required field, can you forget it?

Prev: Color Field

Next: Integer Field

@@ Line 12: / Line 12: @@
 <translate>
-====Options====
+====Options==== <!--T:5-->
 </translate>
-<translate>Special options within this field are</translate>
+<translate><!--T:6-->
-<translate>* Buttons<br />You can decide if the button should be shown or not.</translate>
+Special options within this field are</translate>
-<translate>* Hide<br />Hide the buttons in the comma separated list. If you insert "pagebreak,readmore" the buttons for pagebreak and readmore will not displayed.</translate>
+<translate><!--T:7-->
-<translate>* Width<br />The value for width defines the width (in pixels) of the WYSIWYG editor. Default value for this is 100%.</translate>
+* Buttons<br />You can decide if the button should be shown or not.</translate>
-<translate>* Height<br />The value for height defines the heigth (in pixels) of the WYSIWYG editor. Default value for this is 250px.</translate>
+<translate><!--T:8-->
+* Hide<br />Hide the buttons in the comma separated list. If you insert "pagebreak,readmore" the buttons for pagebreak and readmore will not displayed.</translate>
+<translate><!--T:9-->
+* Width<br />The value for width defines the width (in pixels) of the WYSIWYG editor. Default value for this is 100%.</translate>
+<translate><!--T:10-->
+* Height<br />The value for height defines the heigth (in pixels) of the WYSIWYG editor. Default value for this is 250px.</translate>
 <translate>
-====Related Information====
+====Related Information==== <!--T:11-->
 </translate>
-<translate>See [[S:MyLanguage/Editors_form_field_type|Editors form field type]]</translate>
+<translate><!--T:12-->
+See [[S:MyLanguage/Editors_form_field_type|Editors form field type]]</translate>
 <translate>
-====Screenshots====
+====Screenshots==== <!--T:13-->
 </translate>
 <translate>
-=====Creating the field=====
+=====Creating the field===== <!--T:14-->
 </translate>
-<translate>Let's say you create a field with the options shown in the next figure.</translate>
+<translate><!--T:15-->
+Let's say you create a field with the options shown in the next figure.</translate>
-[[File:Editor_field_create-<translate>en</translate>.png|800px]]
+[[File:Editor_field_create-<translate><!--T:16-->
+en</translate>.png|800px]]
 <translate>
-=====Using the field in the backend=====
+=====Using the field in the backend===== <!--T:17-->
 </translate>
-<translate>In the backend while creating an article or a contact you see the field like in the following imageː</translate>
+<translate><!--T:18-->
+In the backend while creating an article or a contact you see the field like in the following imageː</translate>
-[[File:Editor-<translate>en</translate>.png|800px]]
+[[File:Editor-<translate><!--T:19-->
+en</translate>.png|800px]]
 <translate>
-=====Using the field in the frontend=====
+=====Using the field in the frontend===== <!--T:20-->
 </translate>
-<translate>In the frontend, you can see the field as you see in the following image. The option ''Automatic display'' is responsible for the position of the field and your template is responsible for the design of the field.<br />
+<translate><!--T:21-->
+In the frontend, you can see the field as you see in the following image. The option ''Automatic display'' is responsible for the position of the field and your template is responsible for the design of the field.<br />
 Fields are only displayed in the frontend if you have filled them with data in the article. If it is not a required field, can you forget it?</translate>
-[[File:Editor_field_frontend-<translate>en</translate>.png]]
+[[File:Editor_field_frontend-<translate><!--T:22-->
+en</translate>.png]]
 <div class="row">
-<div class="large-6 columns">{{Basic button|S:MyLanguage/J3.x:Adding_custom_fields/Color_Field|<translate>Prev: Color Field</translate>|class=expand success}}</div>
+<div class="large-6 columns">{{Basic button|S:MyLanguage/J3.x:Adding_custom_fields/Color_Field|<translate><!--T:23-->
-<div class="large-6 columns">{{Basic button|S:MyLanguage/J3.x:Adding_custom_fields/Integer_Field|<translate>Next: Integer Field</translate>|class=expand}}</div>
+Prev: Color Field</translate>|class=expand success}}</div>
+<div class="large-6 columns">{{Basic button|S:MyLanguage/J3.x:Adding_custom_fields/Integer_Field|<translate><!--T:24-->
+Next: Integer Field</translate>|class=expand}}</div>
 </div>
 __NOTOC__
 <noinclude>
 <translate>
+<!--T:25-->
 [[Category:Tutorials]]
 [[Category:Custom Fields]]

J3.x