In the previous article we’ve described how to add a setting to your extension and make it work. We reviewed only two general field types: text and password, however, there are many other field types that you will meet in your development practice. Actually, you are able to find the general fields description in the Symfony manual, but OroCRM has its own types based on the general. Let’s try to review most of this fields.
As you remember from the previous article, you need to put your setting initialisation in few places of your bundle. It’s DependencyInjection/Configuration.php and Resources/config/system_configuration.yml. Since the main details of the setting are stored in the last file (system_configuration.yml) we will overview the pieces of code from this file.
# Text field atwix_test.google_username: type: text priority: 0 options: label: 'Account Name' tooltip: 'Text Field'
Text field represents the most basic input text field.
# Password field atwix_test.google_password: type: password priority: 1 options: label: 'Account Password' tooltip: 'Password Field'
Password field renders an input password text box.
# Textarea field atwix_test.textarea: type: textarea priority: 2 options: label: 'Custom textarea' tooltip: 'Textarea'
Textarea field renders a textarea HTML element.
# Email field atwix_test.email: type: email priority: 3 options: label: 'Custom email' tooltip: 'Email Field'
Email field is a text field that is rendered using the HTML5 <input type=”email” /> tag.
#Integer field atwix_test.number: type: integer priority: 4 options: label: 'Custom number' tooltip: 'Integer Field'
Integer field renders an input “number” field. The input number field looks like a text box, except that – if the user’s browser supports HTML5 – it will have some extra frontend functionality.
#Money field atwix_test.money: type: money priority: 5 options: label: 'How much?' currency: 'USD' precision: '2' tooltip: 'Money Field'
Money field renders an input text field that is handling submitted “money” data. This field type allows you to specify a currency and what symbol is rendered next to the text field. There are also several other options for customisation how the input and output of the data are handled.
In the configuration file you can see two additional parameters for this field:
currency – defines the currency that the money is being specified in. This determines the currency symbol that should be shown by the text box.
precision – determines how many digits should be handled after the point.
Text fields described above accept few additional parameters:
max_length – if this option is not null, an HTML attribute ‘maxlength’ is added, which is used by some browsers to limit the amount of text in a field.
trim – if true, the whitespace of the submitted string value will be stripped via the trim() function when the data is bound.
read_only – if this option is true, the field will be rendered with the readonly attribute so that the field is not editable.
disabled – if you don’t want a user to modify the value of a field, you can set the disabled option to true. Any submitted value will be ignored.
#Choice field atwix_test.select: type: choice priority: 6 options: label: 'A select' tooltip: 'Choice Field' choices: 0: 'To be!' 1: 'Not to be..'
Choice field is a multi-purpose field used to allow the user to “choose” one or more options. It can be rendered as a select tag, radio buttons or checkboxes.
The ‘choices’ parameter contains a list of items that should be used by this field. Also, this field type has few additional important parameters:
multiple – if true, the user will be able to select multiple options.
expanded – if it is set to true, radio buttons or checkboxes will be rendered (depending on the multiple values). If false, a select element will be rendered.
Very often it’s necessary to populate the choices dynamically. We are going to review how to achieve this in our next article.
#Country field atwix_test.country: type: oro_locale_country priority: 7 options: label: 'Country' tooltip: 'Country Field'
Country field it’s a choice field prefilled with countries of the world. The “value” for each country is the two-letter country code.
#Language field atwix_test.language: type: oro_language priority: 8 options: label: 'Language' tooltip: 'Language Field'
Language field it’s a choice field prepopulated with the large list of languages. The “value” for each language is the Unicode language identifier.
#Timezone field atwix_test.timezone: type: oro_locale_timezone tooltip: 'Timezone Field' priority: 9 options: label: 'Timezone'
Timezone field it’s a choice field prepopulated with the list of all possible timezones. The “value” for each timezone is the full timezone name, such as America/Chicago or Europe/Istanbul.
#Currency field atwix_test.currency: type: oro_currency tooltip: 'Currency Field' priority: 10 options: label: 'Currency'
Currency field it’s a choice field prepopulated with the large list of 3-letter ISO 4217 currencies.
#Date field atwix_test.date: type: oro_date priority: 11 options: label: 'Date' tooltip: 'Date Field'
Date field allows user to modify date information via variety of different HTML elements.
#Datetime field atwix_test.time: type: oro_datetime priority: 12 options: label: 'Datetime' tooltip: 'Datetime Field'
Datetime field allows user to modify data that represents a specific date and time. Also, it can be rendered as a text input or choice field.
In Symfony the date field, as well as datetime field, allows you to choose a ‘widget’ which determines how exactly the date input is shown. But since OroCRM has its own handy widget for date and time selection it’s not necessary to change the widget type in most cases.
#Checkbox field atwix_test.checkbox: type: oro_config_checkbox priority: 13 options: label: 'Check me' tooltip: 'Checkbox Field'
Checkbox field it’s a single checkbox input. This should always be used for a field that has a Boolean value: if the box is checked, the field will be set to true, if the box is unchecked, the value will be set to false.
#File field atwix_test.file: type: file priority: 14 options: label: 'Upload' tooltip: 'File Field'
File field represents a file input in your form.
When the form is submitted, the attachment field will be an instance of UploadedFile. It can be used to move the attachment file to a permanent location.
There was a short overview of the commonly used configuration fields. As were mentioned above, in the next articles we plan to describe how to implement your own dynamic choice fields and how to operate with uploaded files. Also, keep in mind that you are always able to create your own field (form type) by using the standard types as a basis. Feel free to ask your questions and leave your recommendations in the comments bellow. Have nice settings ;)