Tag: Sightly
-
Access client-side scripts (ClientLib) in AEM
In this post, I will cover an important concept – Client Libraries. Client Libraries are primarily JavaScript libraries that you may need to use while developing components and templates. This is an important concept that we didn’t cover in the first part of the training. [As usual, the sample package is available in my GitHub account.]…
-
Add a touch-optimized dialog (for the YouTube component)
In this short session, you will learn how to add a touch-optimized dialog for the YouTube component. As I mentioned earlier, a touch-optimized GUI is designed for using in hand-held devices, such as iPad, tablets, and so on. (I have uploaded the package in GitHub. You should use: YouTubeComponent-1.0.3.zip) Double-click the component that we developed. The…
-
Add the Parsys component to template
In this session, let us try to modify the template we created earlier. We will add a parsys component in the template to provide a space in the web page to drag and drop components. Let us once again see how a page created using this template looks like. Log into to SiteAdmin. (http://localhost:4502/siteadmin) Double-click…
-
AEM Sightly Brackets Extension
You can install this extension on Brackets if you plan to use Sightly as the markup. The extension provides you with features such as syntax highlighting and code completion. Brackets extension provides front-end developers an AEM templating tool with which they are familiar. The idea is to bring more front-end developers to AEM template designing.…
-
While creating templates for Touch-Optimized GUI
In AEM 6.0, most of the functionalities are accessible through Touch-Optimized UI. When you create a template using Sightly or JSP, before extending the page component, the Classic UI displays the content in a page created based on the template. Of course, the page is displayed without the sidekick and other functionalities. This behavior,…
Digital Plots 