From 77e13b9e4d38cfcb4fa292d397e7f94c95718876 Mon Sep 17 00:00:00 2001 From: Joseph Geller Date: Tue, 27 Nov 2018 10:11:12 -0600 Subject: [PATCH] Updated 1 . Hello World with Joomla Component Builder (work in progress) (markdown) --- ...orld-with-Joomla-Component-Builder-(work-in-progress).md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/1-.-Hello-World-with-Joomla-Component-Builder-(work-in-progress).md b/1-.-Hello-World-with-Joomla-Component-Builder-(work-in-progress).md index 8885058..da99adc 100644 --- a/1-.-Hello-World-with-Joomla-Component-Builder-(work-in-progress).md +++ b/1-.-Hello-World-with-Joomla-Component-Builder-(work-in-progress).md @@ -1,14 +1,14 @@ ### [Video](https://www.youtube.com/watch?v=1KBBtQUxMTc) ### Introduction -+ [01:55](https://youtu.be/1KBBtQUxMTc?t=115) **Hello World with Joomla Component Builder/Creator** _Download and install Joomla Component Builder_. ++ [01:55](https://youtu.be/1KBBtQUxMTc?t=115) **Install Joomla! Component Builder/Creator** _Download and install Joomla Component Builder/Creator_. You can find the component in the repository on GitHub. Note, these files are not populated with data. The component shows you the very bare essentials of what's required to make a component work in Joomla! But we are going to do much more than the code does in this component. When we are done we will have an application with many lines and we will add structures so it goes way beyond just a wire frame component. You can download the latest release at https://github.com/vdm-io/Joomla-Component-Builder. After downloading the file, upload it to the root of the website directory you will be installing it in. For this example, click the Releases link, download and install the file. First thing to do is create a field. ### Create Greeting Field -+ [02:46](https://youtu.be/1KBBtQUxMTc?t=166) **Hello World with Joomla Component Builder/Creator** _Create Greeting Field_. ++ [02:46](https://youtu.be/1KBBtQUxMTc?t=166) **Create a Field** _Create Greeting Field_. -There are many field types. We need to create a basic custom text field named greeting. You will see there are a lot more fields which I'll leave unchanged. I'm also going to remove a few things but the field will still work even though these lines are removed. Change the type to VARCHAR, save and close. Now there is a new field and next thing to do is in the admin view. This is what links fields to the database. Call it greeting for a single record and greetings for a list of records and greetings for a system name so that we can identify this across the system. I am going to add the greetings and a few generic icons. Then link that field we made to show, be the first one, act as a title, be sortable, be searchable and be a link in the first tab and first in that tab. Then give it permissions and save. The rest of the structure could be left as is. We will have a working component with this as an admin view so save and close. +There are many field types. We need to create a basic custom text field named greeting. You will see there are a lot more fields which I'll leave unchanged. I'm also going to remove a few things but the field will still work even though these lines are removed. Change the type to VARCHAR, save and close. Now there is a new field and [03:51](https://youtu.be/1KBBtQUxMTc?t=263) **Create an admin view** _Create an admin view and link fields to database_. the next thing to do is create an admin view. This is what links fields to the database. Call it greeting for a single record and greetings for a list of records and greetings for a system name so that we can identify this across the system. I am going to add the greetings and a few generic icons. Then link that field we made to show, be the first one, act as a title, be sortable, be searchable and be a link in the first tab and first in that tab. Then give it permissions and save. The rest of the structure could be left as is. We will have a working component with this as an admin view so save and close. Now we need to create a component Click on new and it loads a new Joomla component. I'm going to call it world. For the most part I'm just adding some test data here. I can select an icon. An image can be shown after installation of the component as well as in the admin area. The rest of the features in the settings that we need to change are the link to the admin view, select greetings, add to main menu, allow sub-menu, auto-checking, history, has metadata, has access, allow import and export. This next one is very important, add a create site view. That way in the site area it will be created for us. For the editing view, it will not create a list view. Edit and create greetings views will be created in the site area. We want this to be the first. There they are linked with the admin view. Click save and close and we are ready to compile our component.