Sunday, September 28, 2014

Building Accordion Component Using AEM 6.0 Slightly Framework

Front end components : There are two component's, one is accordion container component and another one is accordion section component, the container component will act as a container for section component's Accordion Container Component Snippet <script> $(function() { $( "#accordion" ).accordion(); }); </script> <div id="globalcont"> <div id="header"> <div data-sly-resource="${ @path='container', resourceType='foundation/components/parsys'}"> </div> <div...

Saturday, September 27, 2014

Limit tags selection to certian number in AEM 6.0

Limit tags selection to certian number in AEM 6.0 I see some people have written javascript to limit tags selection to certian number in tags field, but actually there is a OOTB functionality to achieve this and this post will explain how to use OOTB functionality to limit tags selection to certain number Step 1: I am going to follow below structure to create tag field but you can use your own strcuture to limit tags selection to certain number,...

Tuesday, September 23, 2014

Post message on facebook wall from javascript

This article will help you to understand how to post a message on facebook wall Now a days integration of facebook with application is very common requirement which we see from any client and there are multiple ways to integrate but This article will help you to understand how to post a message on facebook wall using javascript To access facebook API's first we need to initialize facebook sdk by inserting below snippet directly under tag Initialize FaceBook SDK : <script> window.fbAsyncInit = function() { FB.init({ appId : '1374507272793832', xfbml...

An easy way to integrate facebook with your application

Now a days integration of facebook with application is very common requirement which we see from any client and there are multiple ways to integrate but in this article I am going to explain you how to integrate facebook like button with your website using javascript To access facebook API's first we need to initialize facebook sdk by inserting below snippet directly under <body> tag Initialize FaceBook SDK <script> window.fbAsyncInit...

Monday, September 22, 2014

YouTube events are not firing from javascript

While integrating analytics with YouTube player, we found that the custom events were not firing when we use Iframe based javascript approach Finally we found that by adding "enablejsapi=1" at the end of youtube url then is started working as expected , refer below code Ex: http://www.youtube.com/embed/0Bmhjf0rKe8?enablejsapi=1 <iframe id="player" src="http://www.youtube.com/embed/0Bmhjf0rKe8" frameborder="0" allowfullscreen> </iframe> <script> // 2. This code loads the IFrame Player API code asynchronously. var tag = document.createElement('script'); tag.src...

AEM 6.0 BSOD Error

When ever I open AEM 6.0 instance in my local machine the system is going down and getting BSOD error To overcome this problem, I have installed below things in my local machine 1. Install JDK1.8 2. Install AEM6.0 Service Pack1 Install JDK 1.8 : you can download and install JDK 1.8 by following below link http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html Installing Service Pack 1 Recently Adobe has released Service pack for AEM 6.0, you can download it by going through the package share Install Service...