J3.x:Adding custom fields/Gallery Field

Gallery 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

Gallery

Provides a drop down list of directories. All images in the selected directory will be shown in the frontend as gallery.

Options

Special options within this field are:

• Thumbnailwidth
  The width of the thumbnails. The thumbnails will be resized on the fly.
• Maxwidth
  The maximum width of the image. The image will be resized on the fly.
• Maxheight
  The maximum height of the image. The image will be resized on the fly.
• Recursive
  Should the images from the subfolders also be included. Then you have to activated this option.
• Multiple
  If activated it allows multiple values to be selected.
• Directory
  The filesystem path to the directory containing the image files to be listed. Root is pointing to images.

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?

Is not that great?

Prev: Integer Field

Next: List Field