Updated 5. Field Types: 11 23 2018 Work in progress (markdown)
@@ -10,13 +10,13 @@ If you close this article view you'll see a list of articles created in the web
|
||||
The Joonla! article title is a text field type; the alias is also a text field type. The editor block is a text editor field. There are others like list, radio, tag, text, date, user, text-area, label. You will see JCB has placed all these in the component for you. You can make use of each of these different types by applying one to a field. All fields live in views which is an important concept to understand. Now, you might not think that a list view has fields and you are partly right. It does do more than just display these fields. Let's create a test article here to show what we mean.
|
||||
|
||||
### Joomla! Articles List and Article Edit Views
|
||||
After adding some content, save and close the article so we have a list item. That is also a field and if you click on search all those options are fields. So, your list has certain fields which are only available in the list view. This is also the place where we do most of our features for multiple items where opening one item does what's only required for one item. There is a table which is part of the list that Component Builder sets Up. The bucket list and edit views are built for you, based on the fields and input value mapped to them in your view. We will look at these other concepts more deeply but I need to have you understand from which angle we are coming. We will try and show you that inside of this article you will be creating fields, even put them into different tabs, which will have been rendered in a specific order by the Joomla! component after it's been compiled using Component Builder. That's using Joomla!'s Article Manager as sort of an example.
|
||||
After adding some content, save and close the article so we have a list item. That is also a field and if you click on search all those options are fields. So, your list has certain fields which are only available in the list view. This is also the place where we do most of our features for multiple items where opening one item does what's only required for one item. There is a table which is part of the list that Component Builder sets Up. The item list views and edit views are built for you, based on the fields and input value mapped to them in the view. We will look at these other concepts more deeply but I need to have you understand this concept clearly. We will try and show you that inside of this article you will be creating fields you can place in different tabs, which will have been rendered in a specific order by the Joomla! component after it's been compiled using Joomla! Component Builder. Let's use Joomla!'s Article Manager as an example.
|
||||
|
||||
+ [05:45](https://youtu.be/OhLzvThDXls?list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=5m45s) **Compile error** _Remember to select correct options that suit your build._
|
||||
We could just as well go into Component Builder Since it has the demo application. See a detailed explanation of the demo component and building a local developer environment to run it. After selecting the demo Compile, it displays a warning because we haven't set some options in the global settings. It doesn't mean that there's been an error in the compiling. It just means it couldn't move the file to the git repository. If we deselect some compile options and start again it doesn't give you the same warning. Click install and compiled component gets installed Into this Joomla site. It doesn't have any images because that we don't ship the images with the components. It's easy to use your own.
|
||||
|
||||
### Joomla! Component Builder Demo Component
|
||||
If you click on add a Look It will open the edit and it keeps you on the Look. It also opens a list view where the list of Looks will be displayed. We added an import feature which your normal Joomla! components don't have. We will explain that later. If it's new you can add text to your radio button. If I add something to the text field it opens an alias which is also a text field. We also have a repeatable field and we can add information to it. That is a look at the features in the demo component. The + [appendix](https://github.com/vdm-io/Joomla-Component-Builder/wiki/Using-the-JCB-Demo-Component-While-Building-Your-Local-Development-System) has a detailed description of the demo component along with step by step instructions on building a local development environment to run it on.
|
||||
If you click on add a Look It will open the edit and it keeps you on the Look. It also opens a list view where the list of Looks will be displayed. We added an import feature which the standard Joomla! components don't have. We will explain that later. If it's new you can add also text to your radio button. If I add something to the text field it opens an alias which is also a text field. There is a new Joomla! repeatable field and you can add information to it. This was a quick look at the features in the demo component included with the Joomla! Component Builder when it is installed. The + [appendix](https://github.com/vdm-io/Joomla-Component-Builder/wiki/Using-the-JCB-Demo-Component-While-Building-Your-Local-Development-System) has a very detailed, technical explanation of the demo component installation and inner workings plus code, along with step by step instructions on building a local development LAMP environment to run Joomla!, and JCB on. It also explains how to compile and install the demo component using JCB.
|
||||
|
||||
Now let's look at how fields get into the component and use the Joomla! infrastructure. If we go to Admin views and select Look Open look you'll find the fields we just looked at. The name is used to map the field into the view using the field here. Reason why you cannot add using this area is because this is to edit existing fields. Instead of adding them. So, if you were to open a admin view you can edit them from here especially if you Have many components and many fields. This is a way to Sort of just look at the fields related to this components. If you were to add more Fields you would open this box and this is where you'll be adding them. Let's get back to field types because that's really where it all starts. We've already added all the field types to JCB that I think you will need.
|
||||
|
||||
|
Reference in New Issue
Block a user