custom fields in joomla - joomladay uk 2016 - marco dings
TRANSCRIPT
![Page 1: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/1.jpg)
Marco Dings
Custom fields 4 Joomla
Joomla! Day UK 2016London, Cardinal palaceFebruari 13th 2016
J3.?
![Page 2: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/2.jpg)
About me
Marco Dings ( PLT )@mdingsJ!4 Project ManagerCTO Virya Group
![Page 3: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/3.jpg)
Conception
From DPFields to “JFields”
JFields does not exist yet ( J3.? )Based on and compatible with DPFields
Contributed by Digital PeakAllon Moritz
![Page 4: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/4.jpg)
Benefits of Custom Fields
Add user defined data elements, fields to content elements
Extend standard Joomla extensionsUsers, Articles and Modules
Custom visualisation of Fields, where and how
Support Joomla compliant extensions out of the box
![Page 5: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/5.jpg)
Custom Fields Joomla basics
Searchable
Multilingual
Custom extensions can be extended with custom fields
![Page 6: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/6.jpg)
Why Custom Fields
Extend content in simple way
Display content consistently, and customised
Support Joomla compliant extensions out of the box
Custom extensions can be extended with custom fields
![Page 7: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/7.jpg)
What’s in it for me?
Extend user profile with
AvatarCountryTelephone
![Page 8: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/8.jpg)
What’s in it for me?
Display user-fields in article based on author
![Page 9: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/9.jpg)
What’s in it for me?
files
youtube video by id
urls
mysql…
What would you like to add
![Page 10: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/10.jpg)
Custom Fields characteristics
Fields similar (not yet “extended” from Joomla core)
Still difficult to add your own fields
Flexible standard visualisation using backend GUI
Custom visualisation requires “templating skills”
![Page 11: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/11.jpg)
Available fields
Current selection
MediaArticleRadioSqlTelephoneTextTextareaTimezoneUrl
CalendarCaptchaCheckboxesColorEditorEmailImageIntegerList
UserUsergroupYes NoDPCalendar Cal-endar
![Page 12: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/12.jpg)
Installation
While not in Joomla core get it from https://joomla.digital-peak.com/download/dpfields
![Page 13: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/13.jpg)
Configuration
PluginHide components
Default visualisation
![Page 14: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/14.jpg)
Configuration
(Default) visualisation
After title
Before content
After content
![Page 15: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/15.jpg)
Fields and Field Categories
Fields ( hold your data )
Field Categories are used to group fields for input, appear as named tabswith the item
![Page 16: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/16.jpg)
Fields
Fields displayed sequentially
No conditional fields
![Page 17: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/17.jpg)
Field Categories
One Tab per Field Category
Tab named after Field Category
One or more tabs
![Page 18: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/18.jpg)
When fields are displayed
Categorie and TagsFields can be assigned to
Categories ( multiple )
Tags
Fields will only show in the defined context of category or tags
![Page 19: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/19.jpg)
Where to display
Basic Layout
Editor Button
Advanced
![Page 20: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/20.jpg)
Basic Layout
After Title
Before Content
After Main
none
![Page 21: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/21.jpg)
Editor Button
![Page 22: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/22.jpg)
Editor Button
Use editor plugin
Will open list with fields
![Page 23: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/23.jpg)
Editor Button
Select field
Code gets inserted
{{#dpfields id=9}}{{value}}{{/dpfields}}
![Page 24: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/24.jpg)
Portability
{{#dpfields id=9}}{{value}}{{/dpfields}}
Should be using fieldname iso id value for portability of con-tent
Same fields in different installations could have different id’s
Use alias{{#dpfields alias=avatar}}{{value}}{{/dpfields}}
![Page 25: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/25.jpg)
Advanced display options
Changing appearances• Template overrides
• Alternate layouts
• Jlayout
![Page 26: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/26.jpg)
Template overrides
Change the default behaviour of contenthttps://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core
Hoe the article, blog .. shows for your template
Create via the backend
Templates/[templatename]/html/…
![Page 27: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/27.jpg)
Alternate layouts
Add alternate layout
NO backend GUI
In addition to Template overrides
Can be selected for the content in article, menu definition
Change the default behaviour of contenthttps://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core
![Page 28: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/28.jpg)
Combining with other Overcome limitations with 3rd party
Articles anywhere
{articles cat:bedrijven}{layout:bedrijven}{/articles}
Blog layout with article alternate layouts
![Page 29: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/29.jpg)
JLayouts
Building blocks of views https://docs.joomla.org/J3.x:Sharing_layouts_across_views_or_extensions_with_JLayout
Title
Pagination
Readmore
Fields
![Page 30: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/30.jpg)
JLayouts template overrides
templateAdd you layouts to
Templates/[templatename]/html/…
![Page 31: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/31.jpg)
JLayouts components overrides
Have different fields representation per componentThe same Field-type could have a different representation for users as opposed to articles
Templates/[templatename]/html/component/[
![Page 32: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/32.jpg)
Code snippitsSamples of code to use in your overrides
More and downloadable content from
http://viryagroup.com
![Page 33: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/33.jpg)
Code snippits
Image in article
![Page 34: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/34.jpg)
Code snippits
Use aliases instead of id’s
Simply map them once
Use your own JLayouts
![Page 35: Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings](https://reader036.vdocument.in/reader036/viewer/2022062401/58f19aa11a28ab474d8b45cd/html5/thumbnails/35.jpg)