joomla/Component-Builder
joomla/Component-Builder
38
20
Fork 10
Code Issues 53 Pull Requests Projects 3 Releases Wiki Activity

Updated 008 Advanced Fields (markdown)

Amigo 2019-05-27 12:40:38 +02:00
parent 5bf901a873
commit 457629d6d3
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
008-Advanced-Fields.md

@ -75,4 +75,4 @@ So looking again at our repeatable field you're able to add an advance custom fi
**Joomla Icons Info & link**
So if we go back to the view, see it says add. Then I'm adding an ID in a class to it. A description which if we were to hover over it here(fields) it has a little setup fields for this view which is the description. [00:44:59](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h44m59s) Same there(discription) see and the label is fields. So it says there fields. Then the icon is list. Now the icon is what is shown in the button. That is a list. All that custom Joomla icons [00:45:17](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h45m17s) can can be used. And to know these icons you should go to a URL Docs.joomla.org/J3.x:Joomla_Standard_Icomoon_ fonts. That is the URL and you'll get to this(Available Icomoon Icons) page. [00:45:41](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h45m41s) These are all the available icons and you basically use that(contract-2 and checkmark-circle) parts. If I wanted to checkmark-circle, copy checkmark-circle and I would [00:46:02](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h46m02s) change the icon to checkmark-circle. So that's how you change the icon and then these are simply the ID's of the fields I want inside of the repeatable field. If I was to [00:46:22](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h46m22s) show you where to get the ID, it simply would be close your repeatable field. And you'd see the ID is next to the fields there on the right. So you would create the fields that you want to use in the repeatable field. And you would get a list of those ID's jotted down somewhere in a notepad or something. Just add them in the [00:46:51](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h46m51s) order that you want them to be added. Then inside of your repeatable field you would simply paste it in the fields area with a comma separating them. And then component builder will dynamically construct this whole structure for you [00:47:11](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h47m11s) and add it to your component. I think it's really stunning and I hope you enjoy using the repeatable fields structure. I know it's little buggy still and there's a lot of talk about it not being as stable. But your normal basic fields like text fields and radio buttons and so forth they all work well. The only thing about the radio buttons that you use in [00:47:39](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h47m39s) the repeatable fields you need to remove the class ff your radio button. It cannot be a button. It must be a dot unfortunately they don't yet make it possible to actually load the button. Now what's the difference? [00:47:59](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h47m59s) The difference is, let me see if I can quickly show you. That(Add Css YES/NO) is the button version of a radio button. That(searcable Yes/No) is the dot version of the radio button. And it doesn't look like a button. [00:48:20](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h48m20s) In your repeatable fields you cannot use the button version. It needs to be this one(searcable Yes/No). What makes it a button? It is the class that is being added to the field. So you need to remove the class values from your radio button if it's going to be used in the [00:48:38](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h48m38s) repeatable field. If you forgot to do that and you compile your component and now you are looking at the repeatable field you'll see that the radio button is not working, but that it messed up until they possibly fix it. This is unfortunately the case. That is looking at advanced fields [00:49:04](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h49m04s) called custom fields, custom user fields, as well as repeatable fields. These are really the advanced field types that there are. The other thing that I wanted briefly mentioned let me see how long if we already been At this Ok see this is getting a little long So Let's move What I wanted to share to a later topic [00:49:27](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h49m27s) Thank you for watching.
So if we go back to the view, see it says add. Then I'm adding an ID in a class to it. A description which if we were to hover over it here(fields) it has a little setup fields for this view which is the description. [00:44:59](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h44m59s) Same there(discription) see and the label is fields. So it says there fields. Then the icon is list. Now the icon is what is shown in the button. That is a list. All that custom Joomla icons [00:45:17](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h45m17s) can can be used. And to know these icons you should go to a URL Docs.joomla.org/J3.x:Joomla_Standard_Icomoon_ fonts. That is the URL and you'll get to this(Available Icomoon Icons) page. [00:45:41](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h45m41s) These are all the available icons and you basically use that(contract-2 and checkmark-circle) parts. If I wanted to checkmark-circle, copy checkmark-circle and I would [00:46:02](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h46m02s) change the icon to checkmark-circle. So that's how you change the icon and then these are simply the ID's of the fields I want inside of the repeatable field. If I was to [00:46:22](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h46m22s) show you where to get the ID, it simply would be close your repeatable field. And you'd see the ID is next to the fields there on the right. So you would create the fields that you want to use in the repeatable field. And you would get a list of those ID's jotted down somewhere in a notepad or something. Just add them in the [00:46:51](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h46m51s) order that you want them to be added. Then inside of your repeatable field you would simply paste it in the fields area with a comma separating them. And then component builder will dynamically construct this whole structure for you [00:47:11](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h47m11s) and add it to your component. I think it's really stunning and I hope you enjoy using the repeatable fields structure. I know it's little buggy still and there's a lot of talk about it not being as stable. But your normal basic fields like text fields and radio buttons and so forth they all work well. The only thing about the radio buttons that you use in [00:47:39](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h47m39s) the repeatable fields you need to remove the class ff your radio button. It cannot be a button. It must be a dot unfortunately they don't yet make it possible to actually load the button. Now what's the difference? [00:47:59](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h47m59s) The difference is, let me see if I can quickly show you. That(Add CSS YES/NO) is the button version of a radio button. That(searcable Yes/No) is the dot version of the radio button. And it doesn't look like a button. [00:48:20](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h48m20s) In your repeatable fields you cannot use the button version. It needs to be this one(searcable Yes/No). What makes it a button? It is the class that is being added to the field. So you need to remove the class values from your radio button if it's going to be used in the [00:48:38](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h48m38s) repeatable field. If you forgot to do that and you compile your component and now you are looking at the repeatable field you'll see that the radio button is not working, but that it messed up until they possibly fix it. This is unfortunately the case. That is looking at advanced fields [00:49:04](https://www.youtube.com/watch?v=VpzYbifqv0M&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h49m04s) called custom fields, custom user fields, as well as repeatable fields. These are really the advanced field types that there are.