J3.x

Adding custom fields/Textarea Field: Difference between revisions

From Joomla! Documentation

No edit summary
 
(11 intermediate revisions by 6 users not shown)
Line 1: Line 1:
===Textarea===
<noinclude><languages /></noinclude><br />
Provides a text area for entry of multi-line text.
{{section portal heading|icon=file-text-o|title=<translate><!--T:1-->
Textarea Field</translate>}}
{{J3.x:Adding_custom_fields/TOC/<translate><!--T:2-->
en</translate>}}
<translate>
===Textarea=== <!--T:3-->
</translate>
<translate><!--T:4-->
Provides a text area for entry of multi-line text.</translate>


====Options====
<translate>
Special options within this field are:
====Options==== <!--T:5-->
* Rows<br />The number of rows of the field. The rows are active in the backend while creating an article or a contact or a third party component that supports custom fields. This option has no impact on the size of the field in the fronted.   
</translate>
* Cols<br />The number of columns of the field. The cols are active in the backend while creating an article or a contact or a third party component that supports custom fields. This option has no impact on the size of the field in the fronted.  
<translate><!--T:6-->
Special options within this field are:</translate>
<translate><!--T:7-->
* Rows<br />The height of the visible text area in lines. If omitted the height is determined by the browser. The value does not limit the number of lines that may be entered. The rows are active in the backend while creating an article or a contact or a third party component that supports custom fields. This option has no impact on the size of the field in the frontend.</translate>    
<translate><!--T:8-->
* Columns<br />The width of the visible text area in characters. If omitted the width is determined by the browser. The value does not limit the number of characters that may be entered. The cols are active in the backend while creating an article or a contact or a third party component that supports custom fields. This option has no impact on the size of the field in the frontend.</translate>
<translate>
<!--T:24-->
* Maximum Length<br />The maximum number of characters that can be entered. </translate>
<translate>
<!--T:25-->
* Filter<br />Allow the system to save certain html tags or raw data.</translate>


====Related Information====
<translate>
See [[S:MyLanguage/Textarea_form_field_type|Textarea form field type]]


====Screenshots====
====Related Information==== <!--T:9-->
</translate>
<translate><!--T:10-->
See [[S:MyLanguage/Textarea_form_field_type|Textarea form field type]]</translate>


=====Creating the field=====
<translate>
Let's say you create a field with the options shown in the next figure.
====Screenshots==== <!--T:11-->
</translate>
<translate>
=====Creating the field===== <!--T:12-->
</translate>
<translate><!--T:13-->
Let's say you create a field with the options shown in the next figure.</translate>


[[File:Textarea_field_create-en.png|800px]]
[[File:Textarea_field_create-<translate><!--T:14-->
en</translate>.png|800px]]


=====Using the field in the backend=====
<translate>
In the backend while creating an article or a contact you see the field like in the following imageː
=====Using the field in the backend===== <!--T:15-->
</translate>
<translate><!--T:16-->
In the backend while creating an article or a contact you see the field like in the following imageː</translate>


[[File:Textarea-en.png]]
[[File:Textarea-<translate><!--T:17-->
en</translate>.png|800px]]


=====Using the field in the frontend=====
<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.
=====Using the field in the frontend===== <!--T:18-->
</translate>
<translate><!--T:19-->
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:Textarea_field_frontend-en.png]]
[[File:Textarea_field_frontend-<translate><!--T:20-->
en</translate>.png|800px]]
 
<div class="row">
<div class="large-6 columns">{{Basic button|S:MyLanguage/J3.x:Adding_custom_fields/Text_Field|<translate><!--T:21-->
Prev: Text Field</translate>|class=expand success}}</div>
<div class="large-6 columns">{{Basic button|S:MyLanguage/J3.x:Adding_custom_fields/Url_Field|<translate><!--T:22-->
Next: URL Field</translate>|class=expand}}</div>
</div>
__NOTOC__
<noinclude>
[[Category:Tutorials{{#translation:}}]]
[[Category:Custom Fields{{#translation:}}]]
[[Category:Beginners{{#translation:}}]]
[[Category:Joomla! 3.x{{#translation:}}]]
[[Category:Joomla! 3.7{{#translation:}}]]
[[Category:Joomla! 3.8{{#translation:}}]]
[[Category:Joomla! Website Management{{#translation:}}]]
</noinclude>

Latest revision as of 13:11, 1 November 2017


Textarea Field


Textarea

Provides a text area for entry of multi-line text.

Options

Special options within this field are:

  • Rows
    The height of the visible text area in lines. If omitted the height is determined by the browser. The value does not limit the number of lines that may be entered. The rows are active in the backend while creating an article or a contact or a third party component that supports custom fields. This option has no impact on the size of the field in the frontend.
  • Columns
    The width of the visible text area in characters. If omitted the width is determined by the browser. The value does not limit the number of characters that may be entered. The cols are active in the backend while creating an article or a contact or a third party component that supports custom fields. This option has no impact on the size of the field in the frontend.
  • Maximum Length
    The maximum number of characters that can be entered.
  • Filter
    Allow the system to save certain html tags or raw data.


Related Information

See Textarea 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?