Skip to main content
Version: 4.x

adding-custom-fields-url-field

URL Field

Articles in this Series

  1. Introduction
  2. Parameters for all Custom Fields
  3. Calendar Field
  4. Checkboxes Field
  5. Color Field
  6. Editor Field
  7. Integer Field
  8. List Field
  9. List of Images Field
  10. Media Field
  11. Radio Field
  12. Repeatable Field
  13. Sql Field
  14. Text Field
  15. Textarea Field
  16. Url Field
  17. User Field
  18. Usergroup Field
  19. How can you group custom fields
  20. What components are supporting custom fields
  21. Implementation into your component
  22. Use custom fields in your overrides

Url

Provides a URL text input field.

Options

Special options within this field are:

  • Schemes
    The allowed schemes are HTTP, HTTPS, FTP, FTPS, MAILTO, URL and FILE. This custom field essentially is a text field with the type of url in the backend while creating an article or a contact or a third party component that supports custom fields. It is only possible to fill in a qualified url - that is one with a scheme and domain such as http://example.com. The url will be translated intopunycode prior to saving. This assures that the url will work as intended regardless of environment.
  • Relative
    Use this option to determine whether or not relative URLs are allowed.

See URL form field type

Screenshots

Creating the field

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

Url field create-en.png
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ː

URL-en.png
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?

Url field frontend-en.pngPrev: Textarea FieldNext: User Field