From 9e3f473d880975034c6ed403ba826fb371351e95 Mon Sep 17 00:00:00 2001 From: Joseph Geller Date: Mon, 1 Oct 2018 12:06:49 -0500 Subject: [PATCH] Updated 4a. JCB Demo Component Directory, Folders and Files (markdown) --- 4a.-JCB-Demo-Component-Directory,-Folders-and-Files.md | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/4a.-JCB-Demo-Component-Directory,-Folders-and-Files.md b/4a.-JCB-Demo-Component-Directory,-Folders-and-Files.md index fabbb4d..7b4e8eb 100644 --- a/4a.-JCB-Demo-Component-Directory,-Folders-and-Files.md +++ b/4a.-JCB-Demo-Component-Directory,-Folders-and-Files.md @@ -387,10 +387,13 @@ JCB uses the following version of UIkit: UIkit JavaScript for the button component is located at: \media\com_componentbuilder\uikit-v2\js\components\button.js -A button is called a component in the UIkit and there are many others that encapsulate client side code into more generalized functions that can be treated as objects with individual methods and properties. They are identified with the prefix "ui-". An example is the uk-comment class found in the JCB CSS file located at: +A button is called a component in the UIkit and there are many others that encapsulate client side code into more generalized functions that can be treated as objects with individual methods and properties. They are identified with the prefix "ui-". An example is the uk-comment class found in the UIkit CSS file located at: * \media\com_componentbuilder\uikit-v2\css\uikit.css -JCB adds this and other classes by adding the UIkit files to \media\com_demo\uikit-v2 in the Joomla! Demo installation package. For details see the link and list of UIkit components and code required to implement them as was done below in the area in JCB labeled Site View's Default View. Much of the code is straightforward PHP. Use the view's $this reference to the current object to get the value of an element on the page. For example, the template for the JCB Demo component exposes the logged in user's id in $this. The value of the id is obtained using $this->user->id and a good explanation of what $this is can be found [here ](http://www.php.net/manual/en/language.oop5.basic.php). Other values are also available and observe the code reuse of Joomla! API classes, plus standard HTML. AS seen in the example, JCB also uses tags like ComponentHelper. +JCB adds this and other classes by adding the UIkit files to: +* \media\com_demo\uikit-v2 in the Joomla! Demo installation package. + +For details see the link and list of UIkit components and code required to implement them as was done below in the area in JCB labeled Site View's Default View. Much of the code is straightforward PHP. Use the view's $this reference to the current object to get the value of an element on the page. For example, the template for the JCB Demo component exposes the logged in user's id in $this. The value of the id is obtained using $this->user->id and a good explanation of what $this is can be found [here ](http://www.php.net/manual/en/language.oop5.basic.php). Other values are also available and observe the code reuse of Joomla! API classes, plus standard HTML. AS seen in the example, JCB also uses tags like ComponentHelper. * Looking Site View