Added all the auto generated text of all the tutorials up to number 71

016-Template-Setup.md

@@ -0,0 +1 @@
+In a previous tutorial where's your dad setting up Of Templates and Layout to a site View Now inside of the side view we see that we are loading preacher panel Pictures small Betamox Song Let's go look at how to create those templates I'll go to templates And here they are already created You can click on new to start with a new tablet You could also copy an old one By selecting The temperature Chicken mash And then there is a copy feature here And process And it'll copy it for you Ok so Yeah I have Peter panel open Improve panel it's the same concept it's an HTML area so if I wanna use PHP and Into the PHP And then I can go out again And I can also add this text placeholders Which helps us to insure The text itself Is translatable You can just do your normal English text like that sermon count Sermon total downloads And Important Bola what these things to the language file for you And You don't need to be concerned though at this stage only does Your British English language file And If you need to add more languages You need to look up the documentation of adding languages to a third-party extension And To that same implementation K so here we see that you can add layouts To this template by using any of the Snippets I saw this tablet to this Wealth course to this tempted And you can add other templates to it So you can use templates inside of templates And you could have use layouts as well so more or less the same behaviour as and site for you You also have your snippet box here Which you can make use of adding Script quickly To your page Like that would Fresh We see that that script that I just looked at here In the preacher panel If we go to the code feature and all Is exactly the same script that you seeing here Ok now There are a few Sorry point here missy One of them is a side note is that in your details tab In the template area You're at the bottom You can add JavaScript With your normal script tags So you can just add your JavaScript in there And It will work And be loaded into the page Through the snow snippet That's That's a nice Thing to know As wellness You are still have access as I said before Do all the global This field values Like to see there You can access those What is Lea And that is basically how to set up a template Is the same kind of conventions as setting up a site View Except that this is not the main view it is a tablet used Somewhere in a name and you through Adding this code snippet With Joomla class get Pamphlet Method And Then Basically this Load template Is the method That is being used with that name And then it adds it Do your component site you as well as Ask the code to it So that is a template next up let's look at a layout And really get excited there

019-Adding-Site-Views-to-a-Component.md

@@ -0,0 +1 @@
+Hi Now let's look at adding admin views and side views to component Builders component And looking at all the different switches and the nice features that we have there So first login here They may have component builder open on the component burger And then we will go to Finance And we will open Some industry Tributo And then go to settings And then settings you see there is a place for admin views we're ready illustrated adding the admin views Then there's custom admin views and there are side views I do wanna look at those now so I'll just click on add custom admin View There isn't any added to this component because Sorry 7 distributor does not have Customer reviews But I'll illustrate it in another component for you Land site views It has quite a few You might sometimes open it and see That some of the buttons are not selected Although you know you selected it previously and saved You know now doesn't show This is a glitch and In the July Zone JavaScript for whatever That is causing this and so the only way I have found to solve it as yet is to send Open Like for now you see the app and do the same So if you close it and open it again It has it all selected This is a heads up keep a look out for this because if you make changes and save it with those Your build will Not include those values Since it will be stored is now And Yeah you might get unexpected results So voice make sure that your old pics are Place that just a heads up Something I can change the state Laughing Repeatable fields Ok so if we go to side view And we just Closer again Open it again You see everything is selected You see that it has 123 Four options here Obviously here you select the side views Just add as many as you like Then add menu means that this side view will be added to the admin you Aspect of Joomla Erase you go to create menu And then you go to admin you Item Then there is a select Type and when you click on select type then there is this list Articles and whatever I do say yes there you'll create a XML file Which allows Similar to notice that your component needs to be in the list And the XML file will look at in the moment But that's just do know that's what this Switch here admin you does Add metadata means that Page Is gonna actually make use of the Net the metadata That is being passed to it Usually that means that in your model you've set up your data So that there is a Metadata in the items array or in the Yeah in the item array or in diverse array Either Bye-bye The global setting or Why are the actual item So this is meta implementation You even if you said yes yeah And you did not Set up the data in the in the model Correctly it won't work and the way for you to look at that is obviously clicky is here try it The best setting up the data the model then compile and go look in the view Data SIM Albert php file to see how it grabs the metadata because it will still add The Script that is needed to load the metadata into the You the document But if it doesn't Grab it correctly Then you'd see that as well Ok then Whether you can only have one default View So don't like more than one too yes What to do if your view effectively is is that sometimes when You make a change and the system doesn't know where you wanna go It actually throws you back to the default View Now that before view could I maybe your sites default view being home page Or it can be if your in this component it could be for example on this one it's preachers So Let's say some of these views you you said that they don't let us use her Public user don't have access for example 2 sermon then if they try to access that The system will throw them back to the default view and give him a message saying you don't have access Answer that's what the default View Primarily used for at the moment But I can see it being coming even more useful as we continue to improve in component Builder Then add access It's basically making sure that a Sydney user has the specific access rights You see in a in an item you can set the access rights As well as the view rights So it's multiple implementations Different department Asians one has access groups the other one is just groups And so you can tweak whether you want access on this specific View to be monitored And If you take that N Component building will ensure that the access Table is there Ok So that is adding a side view 2 Do your component Obviously after having created the side view Then this is how you can add it to check it See how it works Ok now next up we gonna look at Custom admin views being added Thank you for watching

021-Tweaking-MySQL-Demo-Data.md

@@ -0,0 +1 @@
+Hi You wanna look at MySQL tweaking In the component area It's open a component go to settings And then there is MySQL tweak What is this able to do is if you have multiple versions of a component And Barclay you have demo that relates to a certain version of it but and Implementation of Items And In another version you don't want those items included We have this MySQL tweak area Where you can actually First yield select that specific View That you Want to tweak And do note that you can only make use of this feature If you're actually using the This Area Where we actually add Database Connection between The View Dummy data And view itself So let me quickly show you what I mean So you're I have opened fuel types which is one of component Builders own views And I have a connected To my Database Through this MySQL I added yes I selected table And then I selected The field types In my Database And basically Just let it all be taken into the build file And Now Since you know that some of the versions that we distribute with component Builder Don't have all the field types in it And it's a limited To only a certain few field types So to show you how that was done I will go back to That tweaking Feature So here I have component builder open And if I go to settings And I go to District feature It's you that I have Added Values here Uncertain of thems like custom admin I said no don't Include non no Add MySQL to view Table if set in the view So if the if the interview if you have the MySQL select ID Are you come through this feature Control which items actual ID is Should be Included like in the admin review I'm only including these two ideas From my Database And so it's the ideas in the admin table admin view Table And I'm also saying that it's ID based You have the future of Just including all And then you have it based Saota A way to say what you want here You can also if you are using ID is between that's a 1 and 50 Then you can use this arrow Notation with an equals Open open bracket there Do you know data between 1 and like here 500 You want to add And You can actually Do it quite simply with one two three and then Comma Ok here I'm explaining it nicely it says 1234 or 124 And then you can put a comma and then 20 And then and then 40 to 90 so you can in the same comma Delimited list You can add this notation To show that we need to include 1 to 4 And is immediately after it Add 20 and we will Grab all that IBS and Impact in limonade any other ideas and only use the ones that you have Actually notated So here is another Good example Using 14 2399 So goes on in here We going from 597 to 604 82 - 680 4 And it's in the same comma delimited list And we saying is it based and we say include these So that is That is partly what I'm having why why this is hear what it can be used for So you not including dummy data or example data in your component build structure Then this area is really redundant and you don't need to even use it You can just ignore it system ignores it as if it doesn't exist If there isn't any Data selected Well that is some tweaking feature In component Builders component area That helps you Manage your Dummy data between Versions in In your applications

026-How-to-setup-a-store-message-method-along-side-the-email-helper-class.md

@@ -0,0 +1 @@
+Hi I've already done a tutorial how to use the email helper in your components And that it or I'll actually do touch upon The storing of messages Or emails for that matter Once it's been sent Now I would like to just look at that again For those of you that may just be wanting to know that So Obviously at this stage you should know That the email helper class Basically added to the helper folder Of your components backend So and it's usually called your components name and then email That's that's the email help class so to use it In the custom script you could use the three basic brackets Is that ok and then component like that And then just email And send And That is how you would basically construct Your Your script I show that as well in the tutorial We we going to more depth How to use the email helper But At the very bottom of this class in the sent Method There is a little snippet What is significant as it may seem Actually gives you a very great Affinity Because The result Of the email that was sent Is placed in sent email This result is passed to the method as well The first it looks in your helper class Which is usually a component name Helper That's the helper class And whether this method exists in the class And this method will not exist unless you Write it So The area where you would have to write this method Is in the component there is an area Called Admin helper Let's look at that Open a component We go to libraries and helpers Scroll down And we see there is Email helper And then underneath it help her at mint class And it's in this area that you need to add that method Now I realised I've chosen the wrong components is this component actually does not use that storage But there is another one that does let's open that one instead then So again we are in Helper admin class And we have a function called Star message and this is in the components There where you edit your component So this store message has what we call a signature Values that it is passing to the method And in the The Email helper class You see that it Also has A signature But wherever it gives this = with a value That means that that's the default value so if you do not add A value for this position there is one two three four 50 Then it will default 20 if we do not add this it will default to now So From there all the way to the end all of those values halves that basically than all No value So In reality you only need to add you know these values the first for But Those values are all used in this method So do you wanna understand exactly how these value should look look inside of the method Read through the method And you will see So Making a long story short We end up here at this Lil script Basically ask whether you created the method or not If you didn't it's simply skip said and returns the value of sent mail if it That you have created it It'll pass these variables that correspond to the signature And then inside her that method that is in your helper class That is now of this method You need to do the necessary checks and balances And discovering For example since you've got the email address You can Search Navigate bar In the user class It must equal Email Recipient = email And then returns to us the ID So That is basically how the get War works And Then when we have the user ID We can obviously make sure it's so The number and we said it to her message as user And we said it as the email and now we can store The message in whatever table or do whatever we wanna do Beyond The normal So even if you wanna do other things except Storing the message This is the method inside of which you can do it so store message Is the method inside which you can do some more custom scripting On top of your email integration Ok so that's just quickly giving a little bit more depth on that specific aspect Abusing The email class in your component Thank you for watching

027-How-to-ensure-that-a-field-is-not-escaped-when-added-to-list-views.md

@@ -0,0 +1 @@
+Hi Sometimes one would like to add extra styling like this Or like that To a listview The problem is that by Default All of the fields all of these field values are being escaped And so If you would like to add let's save this this kind of styling 2A Fieldview Let me show you how I did it In the job order at mint View area If you go to PHP There is a method called at PHP get items method before translation fix and So this happens before The translation or The Fixer or the decryption Sorry the translation fix or the Crips of any field This is not the ideal place you usually would add it after that was done but in this case I did it before So basically I am setting up A value That when I wanna use danger when I wanna use warning Simply using The Get date month and modifying it By the danger time and the warning time from the Job tracking Configuration values so this is a configuration feel that I've added to the component and it It's names are warning time and danger time And the default is 3 weeks 1 week And basically this is the day The dates that I would then use I didn't look through the data And when identify Subway data that is actually What are the target I add This Value to it That then in turn turns this red Ok And then the next one Is a check the dates And then depending on its values I again at some HTML value To the the date and I use a custom A method in a helper class call Fancy date Where I convert the Default Sequel date Do better data better looking date 2nd of April or something Ok So The problem is though If you do this And you Compile a component at items go look at it you see that it actually escapes those values and it prints it Out Leica You know like you see it over here It actually prints out That Around The value And that's obviously not what you'd like and the reason why does that Because all values are being escaped Now there is a way to to stop that from being You from happening And that that is really what this tutorial is about To show you how to prevent That is Skyping So the value we have here is to create date As well as the job status So I'm gonna go in I'm still in the The back end of the component Job order And I'm going to go to the fields And then I'm gonna scroll down to that that that you Job status Ok I'm gonna open it Then Having a rope and I can scroll down and even here You see that there It doesn't show up here sorry I should actually had it but the real That is where the bottom you see I added this little line I said escape Equals False So you were simply add this line And then when component Builder compiles It will actually in the body Of the component where that field is loaded It will we will tell the Escape method not to escape it So that it would rain Display the html instead of printing it out So that is really what it's all about maybe it's Got a lot of explanation for such a simple thing But I can tell you what if you can't do that it's quite frustrating because Sometimes you would like to give some indication with some HTML On the value and then this Feature actually allows that like you could see here We were able to add a nice button around these dates And as well as adding some colour to to these words here and yeah So that is a quick demonstration of how to make use of the not escape Method or concept When it comes to list views around the field values Hope that makes sense You have any questions please don't hesitate to let me know And Until next time take care thanks for watching

042-How-to-setup-taps-after-upgrade-to-v2.5.8-in-JCB.md

@@ -0,0 +1 @@
+Hi I would like to quickly give you the toriel on how to now do the tabs I realise there's been a little change and how it abs are made So you go to admin view and you didn't open the admin View An indie admin View You actually have A place called settings And if you scroll down a little there you can create tabs so you could create any Any amount of tabs here SA anymore why many here again if you click save then you bass Basically have 4 tabs And did the change with maid Is if you go I'll go to the The fields Obvious gonna ask that your first aid those dad's because if you don't save them they're not in the database But now in the tabs menu you would have all those tabs as a drop down The other side is also true and that is if you have no tabs setup so Let me quickly remove those Just Take them all the way I click save it now there's no tabs if I now go and Hope Open the fields It actually doesn't have any tabs it only shows details Because every Ping will now show only in the Details tab So they have more than details as a option for tabs you need to decide in the settings area There is a place which says tab setup Options And you just click on this plus sign here And an add your door see your settings right here Ok I hope that will help

058-The-Quick-Hello-Word-with-JCB.md

@@ -0,0 +1 @@
+Ok well recently I was asked whether I'm seriously saying that I Holla world Tutorial should be an hour long and I had to laugh because of course That tauriel is doing way more than what a hello world tutorial should do right so yeah Yorgos we gonna do the real quick hello world tutorial we go to extensions Install We searched for JCB We open it And we click install And again install On success we go to component Builder And we click on Import JCB packages We go to medium packages we select The Hello world Component for free with click get package We see that it has a checksum validation 413 4 We click the cell link here To check and make sure that it is the same key as on GitHub So we can check that that key Much is this one And it does So we know it's a package Still Authentic and Then we we can say yes Force update and click continue Great import was successful and we go back to Gmail or components we see that our hello world component has Been installed We go to compiler And we click hello world And compile It successfully compiled so we click install And We look at the back end We create a greeting Say Hi James Save clothes Answer our prayers greeting is said We go to menu Main menu we change the main menu to be a select Action type Barloworld Greetings And That should be it we save and close And we click on double amount we see there is a page Direction Is not erecting properly So that might be a problem in the component we go back to hello world And we click on the global options And permissions And we search for sight Because there are some side views that we need to allow A24 Public That one That one Supposed to wash oh and That we say the other here we refresh the front And there we have it There is a greeting Hi James we can click on it And it says hi James we can go back one And then click on edit It says I'm not allowed to edit I'm not in the edit group We can go back to the backend to corn options And we could actually give me edit permissions as public but I think you get the boy How the world in place functional and It was really very quickly to do And that is the quick or the real hello world how to set up a Hollywood component in Joe Maila Component builder without Writing a whole hour thanks for watching

059-Adding-none-database-fields-to-an-admin-view.md

@@ -0,0 +1 @@
+We've added a new function To JCB which allows you to add a field 12 you Without adding the field to the database Now when will that be useful Usually When you have a field which maybe is getting data from another table And You want to actually change the behaviour on the page based on the data selected But that selection itself isn't relevant Or when you want to actually combine two fields As one in the database Then you could have both fields on the page And on submission in your safe area in the admin View You can add some custom PHP script To take the value from that other field And actually Save it in to this Feel that you intend to Combine the two values And so you don't want both values to be stored in the database Or the other option is you have fields on a page which Actually only get used to generate data in another table So when u save that item it takes those values put it into The other table And basically Leave just one value in this table Which next time you open it out all those fields are hidden based on that value selection Something like that So it's really got multiple implementations and sort of helps you to get A subform on the page Or any kind of other field type To be able to you know use it Once And you know what use it within your custom scripting either in case it JavaScript Or in PHP A previously this wasn't possible if you add a fuel to view it always gonna get Stored into the database But now If you go to admin views And You Let's take one That has this function going For use the app and view Fields So you'll see that this new Feature is Replaced your admin view list of shin Because now you got showing list And then you have the default which was the previous Check or uncheck option Which basically is 1 and 0 But now you got a third one Which is called No DB I have a field called not required which basically is what you would usually add If you are using Conditional jcps Intel conditional option And you have Fields that actually are required But within certain criteria those fields are hidden And obviously then not required Then I'm using this not required field Do basically Store Some values with JavaScript that upon submission You did UPS the validation on the server side Well I don't really want that value in the database so I'm using this Non DB option If you changed any other Fields I'm just gonna do demonstration Obviously I do want this field in the database but just to export of show you If you select no DB It will automatically give you this notice Basically these two notices I want saying the non DB option Will remove this field from being saved in the database And then this one Only use the non DB option if you're planning on targeting this field With JavaScript August in PHP To move it's value into another field that does get saved Database In one form or another basically saying to you But if you use this value we not gonna store whatever is placed Innit In the database for you You will need to manually Do that So that's really why it's there it's really for custom 9 customers Asian to your components behaviour And so you'll see that also clears out Audio selections because None of these features Will be Of you no be used to this field Because this field After saving Dumps is value and it doesn't exist Unless you grab it and Mourinho Use it into your script Ok so If you use the list of shin We now have this automated Counter adding So Every time you do that if counts all the fields that are available Already in your script And then it adds the next Logic number But anyway that's Beyond of what I'm actually explaining or demonstrating So for now Our Purpose here Is to show you that there is a new No DB Field behaviour Which Some of you have been requesting And I also needed it in the past So it's available now You can try it out play with it And of course if it doesn't make sense to you just don't use it Ok well thanks for watching

061-Add-or-Remove-Prefix-to-Component-Name-in-Joomla-Menu.md

@@ -0,0 +1 @@
+I would like to demonstrate you the new feature of removing and adding a prefix to your Component name in the Joomla menu Take a look at the menu there's little Heroine front of component Builder And that's the prefix we talking about Deposit without that automatically Now it will still do that but you can actually change it so Go to the global options of a component And under the global tab You see a new area called admin you prefix And that has a little description there And you can say no And then it won't have any prefix Or you can change this to any Other prefix you want Are there you don't need to add a space here and the space is automatically done so you can check out This list here is a link to Twitter to a list After HTML character entities that you need to use here This will obviously translate to that Aero And You need to make sure to use something that can be just placed inside of an XML file So That means that if you wanna use strange characters like that arrow You need to use the html you could also use your company name or You can use anything it'll basically just add that As a prefix to the component name So just of illustrate this Let me change this a little bit Song grabbing the the Valley here The one without the x is the one we looking for so this the and hash Value this one here I'm gonna grab that little circle with a daughter Well let's let's take the one with the Circle in a circle that looks nice Ok I'm gonna take that one I'm gonna add it in here And that I'm going to click save Ok it's asking me to add some other info as well Ok try again 7 close Now let's go from file Monitor Thermo components here So you can say demo And compile And install it Nailsea houses all Circle Next to the demo name That's the way we can Change that little Prefix And then obviously the option to just remove it altogether It's also there Basically Saying no prefix save and close And it's do it again Compile So And I you see it's just the way you two components will look there is the demo So this will Prefix can be added or removed now thanks to this new feature

067-Adding-Language-String-to-your-Component-and-get-the-Language-Placeholder-for-dynamic-use.md

@@ -0,0 +1 @@
+This is a quicker Sort of tip on how to add a language string To your component Without a language string Being immediately Added to the J text Object function Which translates it of course So let me demonstrate So normal language dream you use this J text And you'd Add your string in there And then JCP when it compiles It Actually Apps that stream to your language file And then when your component runs that string is translated Where we goes it has a Placeholder in its place And you can then have multiple places where the string is used So that's Already there and works well the new feature Is Mostly used when you are dealing with a clause And you working with him Array In the class And I You want to have class method or rather Fields That is an array of Strengths but you can't of course you sis In the array of a class Value so That is one place but there are many places Where you could see this in action So what you would wanna do is you want the place I would be generated You want the String to be added to the language file But you only want a placeholder as a string to be added to your Script Because you're gonna later added to a date text Later in the script only added to the jade text Option to translate this place holder Answer offer knew we would run into such a case well I have fun anyway so The way weave You know address this It was a new Basically a new name Just text Like that Food This party looks exactly the same as the J text So Tomo seems like this is a class but it's not really it's just Something that the JCP compiler will pick up And it'll convert this let me show you how it will look when it's When it's converted it And you'll see why it makes sense you see I've got this extra field Properties And it's got these Keys And I want to use the key to get the string So if we go a little lower in the script You see I'm here I'm looping through that Hooray And The value description I'm only here passing it to the J text To translated So that means I wanna do the this translating later And I actually all I want in this array above here is actually the placeholder string So let me show you that in the code how it actually comes out Send a code here you see the extra fuel properties and you see it's simply a Place is just a string It actually took away the bracket here Yeah if you look at the way it was So I'm going to paste in the The one from the code Just said you can C When it's done So you can see This is what we add it in in JCB And this is what I did In compilation It added the placeholder string Which we can then use Down here In our J text To translate it to get the Specific translated string So that's a way to get the placeholder and to get obviously the string into your language file That's just the tip I know that It's not very obvious So I hope you come in handy those if you want to add language strings Today seabe But you don't want to have it immediately be Part of the J text object Call you want to just have the actual placeholder available 4U store Namagale This is the way you can do that Thanks for watching enjoy