joomla/Component-Builder
joomla
/
Component-Builder
38
19
Fork 11
Code Issues 52 Pull Requests Projects 3 Releases Wiki Activity

Updated 044 Hello World Component with Joomla Component Builder Creator Extended (markdown)

Amigo 2019-08-15 08:27:18 +02:00
parent b1d1a713be
commit 304d32c4a3
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
044-Hello-World-Component-with-Joomla-Component-Builder-Creator-Extended.md

@ -177,27 +177,25 @@ Go to Fields and Conditions. There you will be able to link, Linked Fields and c
[00:29:45](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h29m45s)
We're just going to create a Linked Fields. Linked Fields are the Fields that we created previously. Click on create. It is going to ask if we are sure that all our work has been saved in the Admin View. If it not and OK is clicked, it will be lost.[00:30:06](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h30m06s) It will open an area where you can link Fields to your Admin View. This looks very similar to the pop-up in Repeatable Fields, except that it is its own View now. If the green button is clicked, it opens an area where you select the Fields that need to be used.<<<<<<
We're just going to create a Linked Fields. Linked Fields are the Fields that we created previously. Click on create. It is going to ask if we are sure that all our work has been saved in the Admin View. If it not and OK is clicked, it will be lost.[00:30:06](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h30m06s) It will open an area where you can link Fields to your Admin View. This looks very similar to the pop-up in Repeatable Fields, except that it is its own View now. If the green button is clicked, it opens an area where you select the Fields that need to be used.
* ### Example Name(Text) Field
* ### Example Name(Text) Field
[00:30:30](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h30m30s)
We going to have a Name Field and that's a text field. We want it to show in the Admin List View. We want it to show first in the Order in list views. We going to have it behave as a Title. We want it Sortable, Searchable not Filterable, because then every name would be a filter. But definitely Linkable. This means if someone clicks on the Name, it will open the Greeting, so you can edit it. We only have two Tabs at this stage. I'm not going to go into detail about the Tabs [00:31:07](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h31m07s) this time round. If you want to know more, please go through the tutorials and look up Tabs to see more on this subject. I'm going to let it be Left in the Tab. And in the Tab(Order in Edit) I want it to be the first item. I'm not going to add any Permissions to this, but there is an Editing Permission available at this stage if you want it to. [00:31:33](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h31m33s) That would create Permissions around this Field, which you can tweak, who can edit it, and who can't. You can also control this from a global view perspective Or on a field level. These are some of the hidden advantages the JCB has in handling permissions across your component quite easily.
There is the Name Field and that is a text field. We want it to show in the Admin List View and to show first in the Order in List views. I should behave as a Title and must be Sortable, Searchable not Filterable, because then every name would be a filter, but definitely Linkable. This means if someone clicks on the Name, it will open the Greeting, and can then be edited. There are only two Tabs at this stage. [00:31:07](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h31m07s) If you want to know more about the Tabs, please go through the tutorials and look up Tabs to see more on this subject. I am going to let it be Left in the Tab and in the Tab(Order in Edit) and let it to be the first item. No Permissions will be added to this, but there is an Editing Permission available at this stage. [00:31:33](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h31m33s) That would create Permissions around this Field, which can be tweaked, as to who can edit it, and who can not. This can also be controlled from a Global view perspective or on a field level. These are some of the hidden advantages the JCB has in handling permissions across your component quite easily.
* ### Example Greetings Field
[00:31:57](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h31m57s)
The Next Field you want to add is Greetings. We want the Greetings to be in the Admin List View. We want it to be second in the Order in list views. Want it to be Sortable and Searchable. It doesn't need to be a Link. We want it to be on the Right in the Tab and we wanted to be first in Order in Edit. That's all we need and they will click save and close. This will link those Fields to this Admin View. We again open the Fields and Conditions, [00:32:33](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h32m33s) we will see that those Fields are here. And with all the variations that we have selected ready to use. Having our Admin View setup, we can go and create our component. We can either click save and close or we can click close. We haven't made any changes in this view since we've come back. This area is already been saved. [00:32:59](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h32m59s) We could click close, but clicking save and close, is always the safe choice.
The Next Field that is added, is Greetings. We want the Greetings to be in the Admin List View and want it to be second in the Order in List views, also to be Sortable and Searchable. It does not need to be a Link and should be on the Right in the Tab and to be first in Order in Edit. That is all that are necessary. Click 'save and close'. This will link those Fields to this Admin View. If Fields and Conditions are opened again, those Fields will be seen with all the variations that we have selected; ready to use.[00:32:33](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h32m33s) With the Admin View that has been set up, our component can be created. Click save and close or just close. No changes had been made in this view since we have returned, this area is already been saved. [00:32:59](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h32m59s) Click 'close', but clicking 'save and close', is always the safest choice.
### Creating The Component
[00:33:11](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h33m11s)
Now that our Admin View is in place, let's go create the Component. Click new. We're going to give our Component a System Name since this is the second Hello World tutorial. We'll call it version 2. We also going to give it a Name which is the same as the first one, [00:33:35](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h33m35s) Hello World. We're going to give it a Code Name of Hello World, and it's version 2. I'm not going to explain too much about all these other switches. Basically just that we will need to add Company Names, Author, Email, Website and Short Description.
Now that the Admin View is in place, the Component can be created. Click 'new'. We are going to give our Component a System Name since this is the second Hello World tutorial, called version 2. It is given a Code Name which is the same as the first one; Hello World, and its Version '2.0.0' [00:33:35](https://www.youtube.com/watch?v=IQfsLYIeblk&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h33m35s) It will be necessary to add Company Names, Author, Email, Website and Short Description.<<<<
### Adding A Admin View