Salesforce Lightning Example – Ideas Experiment

[easy-social-share counters=1 total_counter_pos="leftbig"]
Salesforce Lightning Example – Ideas Experiment

Over the holidays I had some down time to dive more deeply into Lightning and create a sample application. I had already done a bunch of work around leads and cases, so I decided to use the Ideas capability as the foundation and place a new face on it with Lightning technology.

salesforce-lighting-ideas-example-brunswick

I focused on learning key aspects like Components, Controllers, Rendering Life Cycle, Expressions, Style, Events and Attributes to name a few and see how my existing skills (CSS & JS) could be leveraged within the framework. Big thanks to Jeff’s Douglas’s Lightning Blog Post Tutorial that provided a great sample to learn from.

Overall Thoughts

  • Scoping – nicely done using some Selector magic so that client markup from Components should not collide
  • Discrete Components – awesome future potential, as components can be designed to require well defined context / inputs
  • Style – no vendor prefixes. Did I mentioned no vendor prefixes? Not only does it save many lines of code, but my finger’s health appreciate it.
  • Events – structured way to have components react to one another in an loosely coupled manner
  • Attributes – great for not only storing basic values, but objects to be accessed in the controller without creating some global variable (for instance, many JS libraries assume very broad scope of variables)

Code in Action
The following video gives an overview of our code in action

A Few Highlights
I ended up using an Attribute of type Object to store a variable that is from a 3rd party library (Isotope), as it would generally be assigned to a global variable. It needed to be accessible once created in the controller for subsequent use and the Attribute worked nicely.

For sequential loading of JS and CSS libraries I used a load component from https://github.com/rajaraodv/loadcomponent

Install & Get the Code
1. Enable Lightning Components
2. Setup your namespace prefix (you will need to update the sample code to match this value [e.g.
3. Install the Unmanaged Package from https://login.salesforce.com/packaging/installPackage.apexp?p0=04tj0000000Jrpy
3. Update the prefixes in your code (by default I use JMB, update to reflect whatever you need)
4. Create an Idea in the OOTB UI to prepare some data to use in the UI
5. Use Workbench to execute some SOQL to get the CommunityId that your Idea was created within (e.g. SELECT Body,CommunityId FROM Idea)
6. Update line 18 in CardViewer.cmp to change ‘CommunityId’: ’09aj00000005dCsAAI’ to your CommunityID
7. Update CaseCards.app, CardViewer.cmp and VoteBox.cmp with your vendor prefix
8. Navigate to – https://naXX.lightning.force.com/yourprefix/CaseCards.app to run your app! (you will have to use the na instance for your Salesforce org)

A Peak at the Code
This is the main portion of our code and it illustrates how the various pieces come together to create the user experience.

<aura:component controller="jmb.CaseCards" implements="force:appHostable">
    <aura:attribute name="idea" type="Idea" default="{'sobjectType': 'Idea'}"/>
    <aura:attribute name="ideas" type="Idea[]"/>
    <aura:attribute name="profilePhotoUrl" type="String"/>
    <aura:attribute name="ideaComments" type="IdeaComment[]"/>
    <aura:attribute name="textareaNewIdeaValue" type="String" default="" />
    <aura:attribute name="searchTerm" type="String" default="" />
    
    <!-- Setting a Community ID by deafult for this example - update to use your own
         you can find the ID using http://workbench.developerforce.com/login.php and querying 
         SELECT Body,CommunityId FROM Idea
         for Ideas that you have created via the OOTB UI
 -->
    <aura:attribute name="newIdea" type="Idea"
                    default="{ 'sobjectType': 'Idea',
                             'Title': '',
                             'Body': '',
                             'CommunityId': '09aj00000005dCsAAI'
                             }"/> 
    <aura:attribute name="newIdeaComment" type="IdeaComment" default="{ 'sobjectType': 'IdeaComment', 'CommentBody': ''}"/>         
    
    
    <!-- To load JS libraries in a particular order, I used the code from
   https://github.com/rajaraodv/loadcomponent -->    
    <jmb:load 
              filesInParallel="/resource/bootstrapcssmin.sfcss,/resource/animate.sfcss"
              filesInSeries="/resource/isotope.sfjs,/resource/jquerymin.sfjs,/resource/modernizr.sfjs,/resource/timeago.sfjs,/resource/bootstrapjs.sfjs" />
    
    <aura:handler event="jmb:staticResourcesLoaded" action="{!c.initScripts}"/>    
    
    <!-- This attribute will hold out JS object that represents our "cards" -->    
    <aura:attribute name="objIsotope" type="Object" />
    
    <!-- Note - fixed header will only work in non S1 environments with our example -->
    <div id="fixedheader">
        <div class="titleheader">
            <img src="/resource/lightningidealogo" class="logo"/>
        </div>
        
        
        <nav class="navbar navbar-default" role="navigation">
            <div class="container">
                
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapsible">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                
                <div class="navbar-collapse collapse tabs" id="navbar-collapsible">
                    
                    <ul class="nav navbar-nav">
                        <li class="tabitem active">
                            <a id="buttonFilterFresh" href="#" onclick="{!c.getFilterFresh}" class="filterbutton">fresh<span></span></a>
                        </li>
                        <li class="tabitem">
                            <a id="buttonFilterOpen" href="#" onclick="{!c.getFilterTop}" class="filterbutton">trending<span></span></a>
                        </li>
                        <li class="tabitem">
                            <a id="buttonFilterComments" href="#" onclick="{!c.getFilterComments}" class="filterbutton">comments<span></span></a>
                        </li> 
                        <li class="tabitem">
                            <a id="buttonFilterTotal" href="#" onclick="{!c.getFilterVoteTotal}" class="filterbutton">total votes<span></span></a>
                        </li>          
                    </ul>

                </div>
            </div>
        </nav>               
        
    </div>       
    
    
    <!-- Using Isotope library - if used commercially you will need a license.  Very inexpensive and worth it! -->    
    <div id="grid-gallery" class="grid-gallery" style="-webkit-overflow-scrolling: touch;">
        <section class="grid-wrap">
            <div class="grid"> 
                
                <aura:iteration items="{!v.ideas}" var="p">
                    <div class="card box-shadow-outset" onclick="{!c.openIdeaDetail}" data-ideaid="{!p.id}">
                        
                        
                        <div class="carddetails">
                            <img src="{!p.CreatorFullPhotoUrl}" class="profilephoto"/>
                            
                            <aura:if isTrue="{!p.NumComments > 0}">
                                <div class="commentcount">                           
                                    {!p.NumComments}
                                </div>
                            </aura:if>                                    
                            
                            <h3>{!p.title}</h3>
                            <p>
                                by {!p.CreatorName} <span class="timeago case-date" title="{!p.CreatedDate}">{!p.CreatedDate}</span> 
                            </p>
                        </div>
                        
                        <!-- The "chart" is the color that is applied to each card background -->
                        <jmb:VoteChart ideaObject="{!p}"/>
                        
                        <!-- Hidden to be used for filtering - could be more elegant, but this is simple -->
                        <p class="votescore" style="display:none">{!p.VoteScore}</p>
                        <p class="numcomments" style="display:none">{!p.NumComments}</p>
                        <p class="freshdate" style="display:none">{!p.CreatedDate}</p>
                        <p class="votetotal" style="display:none">{!p.VoteTotal}</p>
                    </div>
                </aura:iteration>
                
            </div>
        </section>
    </div>
    
    <!-- Bootstrap modal used to show details for a given idea -->
    <div class="modal fade" id="ideadetail">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header detail">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">{!v.idea.title}</h4>
                    <jmb:renderHTML rawHTML="{!v.idea.Body}"/>
                    <jmb:VoteBox parentIdeaId="{!v.idea.id}"/>  
                    
                </div>
                <div class="modal-body comments">
                    <div class="container-fluid">
                        <aura:iteration items="{!v.ideaComments}" var="ic" indexVar="i">
                            <div class="row comment fade-in" style="{!'-webkit-animation-delay:' + i + '00ms;'}">
                                <div class="col-md-1"><img src="{!ic.CreatorSmallPhotoUrl}" class="commentphoto"/></div>
                                <div class="col-md-11"><div class="ideacommentbody">{!ic.CommentBody}<br/>
                                    <span class="timeago case-date" title="{!ic.CreatedDate}">{!ic.CreatedDate}</span></div>
                                </div>
                            </div>
                        </aura:iteration>
                    </div>
                </div>
                <div class="modal-body">
                    
                    <div class="container-fluid">
                        <div class="row commentcreate">
                            <div class="col-xs-3 col-md-1"><img src="{!v.profilePhotoUrl}" class="commentphoto currentuser"/></div>
                            <div class="col-xs-9 col-md-10">
                                
                                <div class="group">
                                    <ui:inputText aura:id="commentBody" label="" value="{!v.newIdeaComment.CommentBody}" required="true"/>
                                    <span class="highlight"></span>
                                    <span class="bar"></span>
                                    <label class="material">Your Comment</label>
                                </div>
                                
                            </div>
                            <div class="col-xs-12 col-md-1">
                                <a href="#" onclick="{!c.postIdeaComment}" data-ideaid="{!v.idea.id}" class="linkstandard">Post</a>
                                <!--<button type="button" class="btn btn-primary" onclick="{!c.postIdeaComment}" data-ideaid="{!v.idea.id}">Post</button>-->
                            </div>
                        </div>
                    </div>
                    
                </div>                        
                <div class="modal-footer" style="display:none">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->    
    
    
    <!-- Bootstrap modal used for people to create ideas -->
    <div class="modal fade" id="newidea" data-easein="fadeInLeft" data-easeout="fadeOutLeft" >
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Share an Idea</h4>
                </div>
                <div class="modal-body">
                    <div class="group">      
                        <ui:inputText aura:id="createtitle" value="{!v.newIdea.Title}" required="true"/>
                        <span class="highlight"></span>
                        <span class="bar"></span>
                        <label class="material">Name</label>
                    </div>
                    
                    <p>
                        
                        <ui:inputText aura:id="createdescription" label="" placeholder="Details" value="{!v.newIdea.Body}" class="hidden" />
                        
                        <textarea rows="4" cols="50" onchange="{!c.changeField}" placeholder="Tell us about it..."></textarea>
                        
                    </p>
                </div>
                <div class="modal-footer">
                    
                    <a id="postButton" href="#" onclick="{!c.postIdea}" class="linkstandard">Post</a>
                    <a id="cancelButton" data-dismiss="modal" class="linkstandard grey">Cancel</a>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->        
    
    
    <!-- Button to create an idea, the position is done via JS.  Not ideal, but it will check to see where
      it is continously, as I could not get a clean way to get an onscroll JS event for the UI
                     when using in S1 -->
    <div class="row">
        <button type="button" class="btn btn-primary circle" id="createidea" data-toggle="modal"
                data-target="#newidea">+</button>        
    </div>    
    
</aura:component>

Final Note
To make the sample more polished – we should use an aura:asyncRerender event to let our app know when an aura:iteration element is done rendering new data into the UI based on what you have done in the controller. In the sample code, we simply wait a moment and then perform other operations against the DOM to update it and assume that aura:iteration is done adding elements to the UI.

104 Comments

  1. moshekarmel1 4 years ago

    This looks really cool!

  2. moshekarmel1 4 years ago

    Just got this to work in my developer org! Amazing how you recreated the material design look and feel. I’m more of a code guy, but is all that magic via the static resources? Can it be done with standard jQuery and CSS alone?

  3. John Brunswick 4 years ago

    moshekarmel1 thanks very much for the kind words!  The magic is all done via Javascript and CSS.  The specific library that does the “card” style sorting can work with or without JQuery (JQuery just generally makes coding client side easier, so as not to deal with platform specifics between IE, Chrome, etc).

    Basically, the libraries like Isotope – just help to encapsulate a lot of JS code.

    To make the “magic” work, I needed to spend time to understand the Lightning life cycle and how these other libraries could work seamlessly with it.  Specifically, using Isotope, I needed to actually store the result of its work in a variable that was needed in various Controllers, etc.

    Thanks again for the kind words – awesome that you got it up and running!

  4. TimMonks 4 years ago

    Are there any prerequisites required to be able to install? – I’m getting an install failure in my dev org. I’ve done the basics like enable Lightning, set namespace, create an idea, create a community.
    Keen to explore this – thanks

  5. John Brunswick 4 years ago

    TimMonks thanks – sorry for the delay, have been traveling and just catching up… were you able to pin down what the issue might be?  Is this an existing org?  Could you attempt in a new org?  Thanks!

  6. ankitg 4 years ago

    Hi John,

    I’m getting error while installing this unmanage package.

    Error is “Your requested install failed. Please try this again.
    None of the data or setup information in your salesforce.com organization should have been affected by this error.
    If this error persists, contact salesforce.com Support through your normal channels and reference number: 1059976480-23688 (-795222364)

  7. John Brunswick 4 years ago

    ankitg thanks – on vacation this week, but will look when I get back next week.  I suspect that it may have to do with me using a namespace for the code, which is now optional in the new release.  Thanks for your patience!

  8. goleo 4 years ago

    Hi I get this error as well:

    Your requested install failed. Please try this again.
    None of the data or setup information in your salesforce.com organization should have been affected by this error.
    If this error persists, contact salesforce.com Support through your normal channels and reference number: 1715943594-53771 (-265527156)

  9. John Brunswick 4 years ago

    goleo thanks – will update the post above, but it has to do with the namespace settings.  Have posted the raw source @ https://github.com/JohnBrunswick/Lightning-Ideas-Experiment for you to use directly until I get a chance to update the above

  10. John Brunswick 4 years ago

    ankitg thanks – will update the post above, but it has to do with the namespace settings.  Have posted the raw source @ https://github.com/JohnBrunswick/Lightning-Ideas-Experiment for you to use directly until I get a chance to update the above

  11. brianromanowski 4 years ago

    John Brunswick goleo IT looks like the github project is missing some things vs the unmanaged package.

  12. brianromanowski 4 years ago

    Hi John,
    I’ve been trying to work with the source on github but there appears to be missing components. Are you going to be updating it? Specifically the renderHTML and CommentHTML.’
    Thanks!

  13. Sachin Bhadane 4 years ago

    Hi John,
    I am not able to install this package neither on my Enterprise org nor on my dev org.
    Following are Error Details:

    Your requested install failed. Please try this again.
    None of the data or setup information in your salesforce.com organization should have been affected by this error.
    If
    this error persists, contact salesforce.com Support through your normal
    channels and reference number: 1165502268-89333(-1606994532)
     Please guide me ?

  14. John Brunswick 4 years ago

    brianromanowski thanks – just updated the repository!  Take a look now and let me know if it works.

  15. brianromanowski 4 years ago

    John Brunswick Thanks John. Almost there. 

    There’s something going on with the onclick for openIdeaDetail. The modal for the idea doesn’t show. I’ve placed a window.alert before and after the evt,setparams on it and it only works before, not after. Also if I comment out the evt.setparams I get the modal showing with the description and comments.

    Also there was a typo in the cardviewer component, title was lowercase and was case sensitive for me:

    <div class=”carddetails”>
                              <img src=”{!p.Merchants__PhotoURL__c}” class=”profilephoto”/>
                                <aura:if isTrue=”{!p.NumComments > 0}”>
                                    <div class=”commentcount”>                           
                                        {!p.NumComments}
                                    </div>
                                </aura:if>                                    
                                <h3>{!p.Title}</h3>
                                <p>
                                    by {!p.Merchants__Submitted_By__c} <span class=”timeago case-date” title=”{!p.CreatedDate}”>{!p.CreatedDate}</span> 
                                </p>
                            </div>

  16. brianromanowski 4 years ago

    John Brunswick Oops it took my bold and underline and made it all caps. It should be Title

  17. brianromanowski 4 years ago

    John Brunswick Figured it out, the namespace was case sensitive.

  18. moshekarmel1 4 years ago

    I ran into some issues with opening the detail for a card. The Id getting passed in was undefined. When I changed this line

    <div class=”card box-shadow-outset” onclick=”{!c.openIdeaDetail}” data-ideaid=”{!p.id}”>

    To 

    <div class=”card box-shadow-outset” onclick=”{!c.openIdeaDetail}” data-ideaid=”{!p.Id}”> 

    Everything started working again. Seems like there is some case sensitivity.

  19. moshekarmel1 4 years ago

    Id instead of id

  20. John Brunswick 4 years ago

    moshekarmel1 thanks – much appreciated!  Good catch

  21. brianromanowski 4 years ago

    How could attaching a file be added when creating an idea?

  22. John Brunswick 4 years ago

    brianromanowski have not tried it yet, but take a peak at http://peterknolle.com/file-upload-lightning-component/.  In general – using JS on the client, some magic needs to be done for the file encoding, but the good part is that is a well-worn path, as we had to do the same thing with VF Remoting, etc.

  23. brianromanowski 4 years ago

    John Brunswick brianromanowski Thanks John, I actually found that and got it working yesterday. Now I’m trying to figure out how to filter with Isotope. I’ve added a class to the isotope card for the status and I want to filter on it. Filtering on the class itself seems easy but filtering based on the value of the class is difficult, Most of what I’ve found is for filtering on a numerical value(i.e.>50 votes), not for text like ideas in the submitted stage.

  24. brianromanowski 4 years ago

    John Brunswick
    Figured it out. I changed the class for the card Div to include the field I want to filter on and then you can just change the filters in the controller.

                      <div class=”{!’card box-shadow-outset ‘+ p.Stage}” onclick=”{!c.openIdeaDetail}” data-ideaid=”{!p.Id}”>

  25. dancinllama 4 years ago

    This is a great post and I’m looking forward to diving more into the components.  I see others have also had the installation failure for the unmanaged package.  I think it’d be helpful to at least add the link to your github repository in the post above.  Also, Andrew Fawcett wrote a useful “github to salesforce” deployment button, which you could use in lieu of the unmanaged package until you resolve the installation issue.  Here’s the link for that: http://andyinthecloud.com/2013/09/24/deploy-direct-from-github-to-salesforce/

  26. hinarayan 4 years ago

    dancinllama I have the same problem of not being able to use the GitHub code or the unmanaged package to leverage the cool SFDC ideas capability. Can somebody share the latest code so that it can be installed on a dev sandbox?John Brunswick

  27. propackers820 4 years ago
  28. johnyinfo11 4 years ago

    Motorcycle or a two wheeler is the mode of transportation of a vast population of India. it serves as the vehicle to youngsters and middle income peoplepackers and movers bangalore @ http://www.buy5th.in/movers-and-packers-bangalore.htmlpackers and movers pune @ http://www.buy5th.in/movers-and-packers-pune.htmlpackers and movers mumbai @ http://www.buy5th.in/movers-and-packers-mumbai.htmlpackers and movers hyderabad @ http://www.buy5th.in/movers-and-packers-hyderabad.htmlpackers and movers gurgaon @ http://www.buy5th.in/movers-and-packers-gurgaon.htmlpackers and movers delhi @ http://www.buy5th.in/movers-and-packers-delhi.htmlpackers and movers noida @ http://www.buy5th.in/movers-and-packers-noida.html packers and movers ghaziabad @ http://www.buy5th.in/movers-and-packers-ghaziabad.htmlpackers and movers faridabad @ http://www.buy5th.in/movers-and-packers-faridabad.html

  29. RanjanKumar 4 years ago

    Packers and Movers company visit for more information: – 
    Packers and Movers Chennai @ http://www.best7th.in/packers-and-movers-chennai/
    Packers and Movers Mumbai @ http://www.best7th.in/packers-and-movers-mumbai/
    Packers and Movers Gurgaon @ http://www.best7th.in/packers-and-movers-gurgaon/
    Packers and Movers Bangalore @ http://www.top6pm.in/packers-and-movers-bangalore.html
    Packers and Movers Pune @ http://www.top6pm.in/packers-and-movers-pune.html

  30. RanjanKumar 4 years ago

    Packers and Movers company visit for more information: – 
    Packers and Movers Chennai @ http://www.best7th.in/packers-and-movers-chennai/
    Packers and Movers Mumbai @ http://www.best7th.in/packers-and-movers-mumbai/
    Packers and Movers Gurgaon @ http://www.best7th.in/packers-and-movers-gurgaon/
    Packers and Movers Bangalore @ http://www.top6pm.in/packers-and-movers-bangalore.html
    Packers and Movers Pune @ http://www.top6pm.in/packers-and-movers-pune.html

  31. ShrikantJoshi 4 years ago
  32. kprem 4 years ago

    We are amongst the most reputed companies in India providing you
    at your doorstep speedy, efficient, cost-effective and reliable movers packers
    services, relocation and related logistics services in different parts of the
    country. Our head office in Gurgaon, Corporate Office in Mumbai and branches in
    all major cities of India including Bangalore, hyrabad, Chennai, Kolkata,
    Guwahati, Nagpur, Ahmedabad, Surat, Noida, Faridabad, Punjab, Badodhra manages
    comprehensive packers and movers solutions to meet the transportation and
    relocation needs of our clients in different parts of country. Whether it’s a
    household move, office move or corporate relocation, we are packers and movers
    that focus on the customers’ needs.PLEASE CALL @ 9999167600,9711215215
    Why Corporate Movers and Packers
    We
    provide an array of packers movers services ranging from Local Household
    Shifting, Residential & Commercial Relocation, Industrial Shifting, Freight
    Forwarding, Logistic Services, Car Carrier & Transportation, Truck Rentals,
    Warehousing and Storage services.
    movers and packers in gurgaon @
    http://www.corporatemoversindia.com/
    packers and movers in gurgaon @
    http://www.corporatemoversindia.com/     
    packers  movers in gurgaon
    @ http://www.corporatemoversindia.com/
    packers movers gurgaon @
    http://www.corporatemoversindia.com/
    movers and packers 
    gurgaon sector-56 @ http://www.corporatemoversindia.com/
    packers and movers in gurgaon sector 55@
    http://www.corporatemoversindia.com/
    packers & movers in gurgaon
    @ http://www.corporatemoversindia.com/
    movers and packers gurgaon sector 54 @
    http://www.corporatemoversindia.com/
    packer and movers in gurgaon sector 53 @
    http://www.corporatemoversindia.com/
    movers packers in gurgaon sector 43 @
    http://www.corporatemoversindia.com/
    mover and packers in gurgaon sector 40 @
    http://www.corporatemoversindia.com/
    packers and mover gurgaon sector 41 @
    http://www.corporatemoversindia.com/
    gurgaon packers movers @ http://www.corporatemoversindia.com/
    best packers and movers gurgaon @
    http://www.corporatemoversindia.com/
    local packers and movers gurgaon @
    http://www.corporatemoversindia.com/
    top 5 packers and movers in gurgaon @
    http://www.corporatemoversindia.com/
    packers and movers in gurgaon sector 44 @
    http://www.corporatemoversindia.com/
    mover and packer in gurgaon sector 45 @
    http://www.corporatemoversindia.com/
    gurgaon movers packers @ http://www.corporatemoversindia.com/
    packers and movers services in gurgaon @ http://www.corporatemoversindia.com/
    movers and packers gurgaon reviews @ http://www.corporatemoversindia.com/
    car transportation in gurgaon@http://www.corporatemoversindia.com/
    car movers@ http://www.corporatemoversindia.com/
    office shifting services in
    gurgaon@ http://www.corporatemoversindia.com/
    car move gurgaon to Bangalore@ http://www.corporatemoversindia.com/
    car movers in gurgaon@ http://www.corporatemoversindia.com/
    local shifting services in
    gurgaon@ http://www.corporatemoversindia.com/
    house shifting in gurgaon@ http://www.corporatemoversindia.com/
    relocation services in gurgaon@
    http://www.corporatemoversindia.com/

  33. maahisinghleo 3 years ago

    Nice article
                                   Thank’s for information

    Visit for
    more details: –
    Packers and Movers @ http://www.top5th.co.in/
    Contact us @ http://www.top5th.co.in/contact-us.html
    Facebook @ https://www.facebook.com/top5th.co.in
    Twitter @ https://twitter.com/top5th
    Google + @ https://plus.google.com/+top5thcoinTop5th
    Packers and Movers
    Bangalore @ http://www.top5th.co.in/packers-and-movers-bangalore/
    Packers and Movers
    Chennai @ http://www.top5th.co.in/packers-and-movers-chennai/
    Packers and Movers
    Delhi @ http://www.top5th.co.in/packers-and-movers-delhi/
    Packers and Movers
    Gurgaon @ http://www.top5th.co.in/packers-and-movers-gurgaon/
    Packers and Movers
    Hyderabad @ http://www.top5th.co.in/packers-and-movers-hyderabad/
    Packers and Movers
    Mumbai @ http://www.top5th.co.in/packers-and-movers-mumbai/
    Packers and Movers
    Noida @ http://www.top5th.co.in/packers-and-movers-noida/
    Packers and Movers
    Pune @ http://www.top5th.co.in/packers-and-movers-pune/

  34. vppravi93 3 years ago

    Hi,its a grear post john.But package inatallation doesn’t seem to work.It show this message
    No EVENT named markup://jmb:staticResourcesLoaded found : [markup://c:CardViewer]

  35. radhebhai801 3 years ago

    For Relocation services in Pune visit 
    http://www.expert5th.in/packers-and-movers-pune/
    For Relocation services in Hyderabad visit 
    http://www.expert5th.in/packers-and-movers-hyderabad/
    For Relocation services in Bangalore visit 
    http://www.expert5th.in/packers-and-movers-bangalore/

  36. radhebhai801 3 years ago

    For Relocation services in Gurgaon visit
    http://www.expert5th.in/packers-and-movers-gurgaon/
    For Relocation services in Mumbai visit  
    http://www.expert5th.in/packers-and-movers-mumbai/
    For Relocation services in Delhi visit 
    http://www.expert5th.in/packers-and-movers-delhi/

  37. radhebhai801 3 years ago

    For Relocation services in Noida visit
    http://www.expert5th.in/packers-and-movers-noida/
    For Relocation services in Chennai visit 
    http://www.expert5th.in/packers-and-movers-chennai/
    For Relocation services in Thane visit 
    http://www.expert5th.in/packers-and-movers-thane/
    For Relocation services in Navi Mumbai visit 
    http://www.expert5th.in/packers-and-movers-navimumbai/
    For Relocation services in Faridabad visit 
    http://www.expert5th.in/packers-and-movers-faridabad/
    For Relocation services in Ghaziabad visit 
    http://www.expert5th.in/packers-and-movers-ghaziabad/

  38. radhebhai801 3 years ago

    For Relocation services in Hyderabad visit 
    http://www.expert5th.in/packers-and-movers-hyderabad/

  39. raghurajiv 3 years ago
  40. sra3366 3 years ago

    Some
    Delhi Packers Movers organizations likewise give universal migration
    administrations.
    Packers and Movers Bangalore @ http://www.11th.in/packers-and-movers-bangalore.html
    Packers and Movers Noida @ http://www.11th.in/packers-and-movers-noida.html
    Packers and Movers Ghaziabad @ http://www.11th.in/packers-and-movers-ghaziabad.html
    Packers and Movers Chennai @ http://www.11th.in/packers-and-movers-chennai.html

  41. manjeetghanghas 3 years ago

    http://www.getpackers.in/  Title Get Best Packers
    and Movers in Bangalore – GetPackers.in
    Description
    Packers and Movers – Try our top Packers and Movers Bangalore, Movers
    and Packers Bangalore for packing and moving service with appropriate prices.

    Keyword packers and movers Bangalore,
    movers and packers Bangalore, packers and movers in Bangalore, movers and packers
    in Bangalore

  42. rishabhsingh 3 years ago
  43. SachinAgarwal 3 years ago

    Packers and Movers Gurgaon – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers Gurgaon Charges – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers Gurgaon Rates – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers Gurgaon List – http://getpackers.com/packers-and-movers-gurgaon/
    Local Packers and Movers Gurgaon – http://getpackers.com/packers-and-movers-gurgaon/
    Movers and Packers Gurgaon – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers in Gurgaon – http://getpackers.com/packers-and-movers-gurgaon/
    Movers and Packers in Gurgaon – http://getpackers.com/packers-and-movers-gurgaon/
    Gurgaon Packers and Movers – http://getpackers.com/packers-and-movers-gurgaon/
    Gurgaon Movers and Packers – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers Gurgaon to Bangalore – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers Gurgaon to Pune – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers Gurgaon to Mumbai – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers Gurgaon to Hyderabad – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers Gurgaon to Kolkata – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers Gurgaon to Chennai – http://getpackers.com/packers-and-movers-gurgaon/

  44. rekhila8 3 years ago

    Awesome..You have clearly explained …Its very useful for me to know about new things..Keep on blogging..
    <a href=”http://www.peridotsystems.in/Java-j2ee-training-in-chennai.php”>Java Training in Chennai</a>

  45. rekhila8 3 years ago

    Awesome..You have clearly explained …Its very useful for me to know about new things..Keep on blogging..
    http://www.peridotsystems.in/Java-j2ee-training-in-chennai.php

  46. SachinAgarwal 3 years ago

    Packers and Movers Gurgaon – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers Delhi – http://getpackers.com/packers-and-movers-delhi/
    Movers and Packers Gurgaon – http://getpackers.com/packers-and-movers-gurgaon/
    Movers and Packers Delhi – http://getpackers.com/packers-and-movers-delhi/
    Packers and Movers in Gurgaon – http://getpackers.com/packers-and-movers-gurgaon/
    Packers and Movers in Delhi – http://getpackers.com/packers-and-movers-delhi/
    Movers and Packers in Gurgaon – http://getpackers.com/packers-and-movers-gurgaon/
    Movers and Packers in Delhi – http://getpackers.com/packers-and-movers-delhi/

  47. coder312 3 years ago

    Hi John Brunswick –

    We are getting the following error even though we’ve removed the references to your namespace.  Can you please help?

    Uncaught TypeError: Cannot read property ‘fire’ of undefined

  48. best7jaipur 3 years ago

    Packers And Movers in Chennai @ https://best7.in/best/tamilnadu/movers-chennai/    

    Packers And Movers in Delhi @ https://best7.in/best/city-packers-movers-delhi/

    Packers And Movers in Goa @ https://best7.in/best/goa/

    Packers And Movers in Lucknow @ https://best7.in/best/uttarpradesh/packers-and-movers-lucknow/

  49. best7jaipur 3 years ago

    Find Packers And Movers Anywhere in india…….

    Packers And Movers in Nashik @ https://best7.in/best/maharashtra/packers-nashik/

    Packers And Movers in Varanasi @ https://best7.in/best/uttarpradesh/packers-movers-varanasi/

    Packers And Movers in Mysore @ https://best7.in/best/karnataka/mysore/

    Packers And Movers in Kolkata @ https://best7.in/best/packers-movers-kolkata-2/

    Packers And Movers in Pune @ https://best7.in/best/maharashtra/packers-pune/

  50. best7jaipur 3 years ago

    Find packers and Movers information..

    Packers And Movers in Patna @ 
    https://best7.in/best/bihar/packers-movers-patna/

    Packers And Movers in Ahmedabad @ 
    https://best7.in/best/gujarat/ahmedabad/

    Packers And Movers in Vadodara @ 
    https://best7.in/best/gujarat/packers-movers-vadodara/

    Packers And Movers in Coimbatore @ 
    https://best7.in/best/tamilnadu/movers-coimbatore/

    Packers And Movers in Surat @ 
    https://best7.in/best/gujarat/packer-mover-surat/

    Packers And Movers in Cochin @ 
    https://best7.in/best/kerala/packers-movers-cochin/

    Packers And Movers in Faridabad @ 
    https://best7.in/best/haryana/faridabad/

    Packers And Movers in Shimoga @ 
    https://best7.in/best/karnataka/shimoga/

    Packers And Movers in Thane @ 
    https://best7.in/best/maharashtra/packers-and-movers-thane/

    Packers And Movers in Bangalore @ 
    https://best7.in/best/karnataka/packers-and-movers-bangalore/

  51. Dilip Singh 3 years ago

    John Brunswick – very nice post, thanks a lot for this. Have a query – why it is domain dependent.. why can’t EU instances access this ?

  52. pankajkumar14101992 3 years ago
  53. pankajkumar14101992 3 years ago

    Packers and Movers in Hyderabad @ 
    http://www.movers5th.in/packers-and-movers-hyderabad/
    Packers and Movers in Pune @
    http://www.movers5th.in/packers-and-movers-pune/
    Packers and Movers in Bangalore @
    http://www.movers5th.in/packers-and-movers-bangalore/

  54. vanessahill70 3 years ago

    I must admit that you share one of the best information I have read.
    Life Experience Degrees – http://www.uniofdenton.com/

  55. RiyaJain 3 years ago

    I appreciate this post and its seems looking so informative Thanks for sharing with us..
    http://packersmoversbangalore.in/
    http://blog.packersmoversbangalore.in/
    We Provide Best Packers And Movers Bangalore List for Get Free Best Quotes, Compare Charges, Save Money And Time, Household Shifting Services.

  56. shanaiho2016 3 years ago

    My photographs will tell you much more than words can describe. but you will see for yourself that I 
    have an undeniably delicious body. my figure can be best described as a petite hour glass figure, slim yet curvaceous, with silky soft tanned skin, large full 36D breasts and waist length dark hair Goa Models.

    http://www.shanaiho.net/
    http://www.missgoa4u.com/
    http://www.goaescorts4u.org/
    http://www.goafemaleescorts.co.in/
    http://www.goaescortsservice.info/
    http://www.goahotsex.com/
    http://www.goaescortsservice.org/
    http://www.toma25.net/

  57. rubysen 3 years ago

    Welcome to Escorts in Mumbai Rubysen.com, an independent Escorts agency offers high class Mumbai Escorts services. Call our Escorts service representative for top class Escorts services in Mumbai.
    http://www.rubysen.com/
    http://www.rubysen.com/about.html
    http://www.rubysen.com/fees.html
    http://www.rubysen.com/gallery.html
    http://www.rubysen.com/contact-us.html
    http://www.rubysen.com/mumbai-call-girl-whatsapp-number.html

  58. karthikornalies 3 years ago

    Hello

    Facing some issue while installing the package on my dev org. Just wondering, if we have to have the JMB Static resources uploaded prior to installing the package.

    This app can’t be installed.
    There are problems that prevent this package from being installed.No Event Named markeup jmb static resourcesloanded found markuo cardviewe
    Any thoughts on what i’m missing would be great.

  59. PackersMoversHY 3 years ago

    Thanks for sharing useful information for us.I really enjoyed reading your blog, you have lots of great content.  http://packersmovershyderabadcity.in/

  60. manshigupta 3 years ago

    Our Mumbai Escorts has beautiful, young models and top class companions-to Satisfy you in every way you want. Most of the girls in Mumbai Escorts agency meets only visiting business men, tourist and local experts. Not all our Independent Escorts agency wants to have their images published as they want there secrecy, but we would be pleased to inform you about them upon your request Mumbai Escorts. http://www.mumbaicityescort.in/

  61. reenasingh 2 years ago

    Just give me a call for a Happy Hour Special Service. You can request any other services, and you don’t have to be embarrassed to ask us what you want. If we can do anything to make your stay happy, we will be pleased to do it, and we promise 101% satisfaction Mumbai Escorts.
    http://www.mumbaiescortmania.com/
    http://www.mumbaiescortmania.com/about.html
    http://www.mumbaiescortmania.com/gallery.html
    http://www.mumbaiescortmania.com/services.html
    http://www.mumbaiescortmania.com/rates.html
    http://www.mumbaiescortmania.com/contacts.html
    http://www.mumbaiescortmania.com/mumbai-call-girl-whatsapp-number.html

  62. kamligajre 2 years ago

    Hyderabad Escorts Service has become so much prevalent among the travelers and tourists that whenever they pay visit to this city they do not forget to revitalize their mind and soul with the escorts available here. Some of the escorts agencies working here are at the tip of the tongue of most the customers because these agencies make available high profile Hyderabad Escorts.
    http://www.escortagencyhyderabad.org/
    http://www.escortagencyhyderabad.org/about.html
    http://www.escortagencyhyderabad.org/gallery.html
    http://www.escortagencyhyderabad.org/rates.html
    http://www.escortagencyhyderabad.org/contact-me.html
    http://www.escortagencyhyderabad.org/links.html

  63. lelaji 2 years ago

    I Am Lela Ji And I Am here to please you and your deepest desires. I provide a fun, discreet and satisfying experience. I Am a independent, clean, curvy blonde with a beautiful face to match. accept All men or unknown numbers. I also do not send Photos my safety is important as yours Hyderabad Escorts.

    http://www.escortinhyderabad.net/
    http://www.escortinhyderabad.net/contact.html
    http://www.escortinhyderabad.net/gallery.html
    http://www.escortinhyderabad.net/rates.html
    http://www.escortinhyderabad.net/links.html

  64. ShshaKamal 2 years ago

    Allison . although Jonathan `s postlng is something… last monday I bought themselves a Lotus Elise from having earned $7296 this past four weeks and-just over, 10 grand last month . it’s realy the most rewarding I have ever done . I started this 5 months ago and immediately began to bring in at least $78, per hour . visit,’-,-;,-,;,-,; online.jobs14.com

  65. noorjha 2 years ago

    Hello Dear, Are you looking for High class Model, Female Escorts and Independent escorts like Call Center for meeting your personally you have reached to the right place. As My name is Noor Jha from Hyderabad, and I am Professional Model, and 21 years Young Model from Hyderabad. I have done my all schooling and higher Education and Acting Classes from Hyderabad University and Now I am officially associated with three Big Brands to endorsement for all across Indian Events other business 
    objectives to be Filled Hyderabad Escorts. 

    http://www.pearisofhyhyderabadescorts.com/
    http://www.pearisofhyhyderabadescorts.com/about_me.html
    http://www.pearisofhyhyderabadescorts.com/gallery.html
    http://www.pearisofhyhyderabadescorts.com/rates.html
    http://www.pearisofhyhyderabadescorts.com/contact_me.html

  66. salonitelin 2 years ago

    Hyderabad Escorts has established a high value, high grade, highly educated service group all workers have a higher quality, very, very good connection abilities, good looking and are subject to the company firm benchmark induction. It is an erotic Escorts in Hyderabad which not just feels wonderful but is likewise an outstanding to your physical and passionate well being Hyderabad Escorts.
    http://salonihyderabadescorts.in/
    http://salonihyderabadescorts.in/about.html
    http://salonihyderabadescorts.in/gallery.html
    http://salonihyderabadescorts.in/fees.html
    http://salonihyderabadescorts.in/contact.html
    http://salonihyderabadescorts.in/links.html

  67. natashakeer 2 years ago

    You have Googled Natasha Keer and you came to at my site. So you should come to my whatsapp number to contact me sexually, physically and inwardly. I would not let you down while expecting the cravings of yours and I serve all sort of official class, business class, Management Class whether wedded or unmarried between 21 to 65 years maturity. So following a monotonous day work you may come to me for a joy, peace and unwinding. So Being Kinky young lady I have learnt knead likewise to unwind every one of the muscles of yours expect a private on Hyderabad Escorts.
    http://www.escortsinhyderabad.info/
    http://www.escortsinhyderabad.info/about.html
    http://www.escortsinhyderabad.info/gallery.html
    http://www.escortsinhyderabad.info/rates.html
    http://www.escortsinhyderabad.info/links.html
    http://www.escortsinhyderabad.info/contact.html

  68. prenasharma 2 years ago

    Packers Movers Gurgaon Provides Packers Movers Gurgaon, Movers Packers in Gurgaon, Local Shifting Gurugram, Relocation, Packers 
    and Movers Gurugram, Local Household Shifting, Office Shifting, Logistics and Transportation, Top Packers Movers 
    Gurgaon, Best Packers Movers Gurgaon, Good Movers Packers in Gurgaon, Home Shifting Gurgaon, Household Shifting Gurgaon, 
    Cheap Top Movers Packers in Gurgaon, Moving and Packing Service Company Gurgaon.
    http://packers-and-movers-gurgaon.in/

    http://blog.packers-and-movers-gurgaon.in/

  69. rachelmenon 2 years ago

    We will provide you with the most high profile women of the society they can be as per your requirement and as per the service you require in categories you want from different age groups college girls 18-22 (young and slim)` housewife 23- 35 model 19-29 (perfect figure) Call girls 18 TO 25 business women 25- 35 and much more they provide you with a complete exp and all that you require. we serve you 24-7 in Mumbai . so call now and have a ball of a time with with the most exotic escorts Call rachelmenon.com, do Not contact me with unsolicited Mumbai Escorts.
    http://www.rachelmenon.com/
    http://www.rachelmenon.com/high-class-escort-girls.html
    http://www.rachelmenon.com/vip-model-escorts.html
    http://www.rachelmenon.com/high-profile-female-escort.html
    http://www.rachelmenon.com/mumbai-russian-escorts.html
    http://www.rachelmenon.com/cheap-indian-escorts.html
    http://www.rachelmenon.com/mumbai-callgirls-mobile-numbers.html

  70. trishakakkr 2 years ago

    My escorts service in Mumbai. include Sensual Massage combined with love making. I am quite expert in providing you sensual massage which takes all tension as well as stress from your body, but also infuse positive energy in you. My Massage service include tender touching your private parts of body , appreciating them through kissing as well as sensual love making to touch your inner soul and makes you realize what you want from life. Travel Companion. I have traveled to most of Parts of India and can be an excellent tour guide where you can have adventures in day like trekking, river rafting, ski falling, rock climbing and in night making wild love close to nature where no one bothers you with your stupid office work. Seductive Dancing. Arousing you with seductive dancing where I remove my clothes slowly on a soft music later sleeping in your strong arms where you treat me like a queen through gentle kisses and stroking my private parts Mumbai Escorts.
    http://www.mumbaiindependentescorts.org.in/
    http://www.mumbaiindependentescorts.org.in/about-us.html
    http://www.mumbaiindependentescorts.org.in/mumbai-callgirl-photos.html
    http://www.mumbaiindependentescorts.org.in/mumbai-escort-rates.html
    http://www.mumbaiindependentescorts.org.in/erotic-service-mumbai.html
    http://www.mumbaiindependentescorts.org.in/callgirls-whatsapp-number-mumbai.html

  71. postnidea 2 years ago

    I read your article you can best example of the DOM element manipulation you get using below link 
    http://postnidea.com/angularjs-tree-category-menu/

  72. indiragujariya 2 years ago

    A Sweet Girl with wonderful Natural breasts and a tight little butt just waiting to be cupped in your hands. She has the skin made for gentle touch and lips made to give pleasure. Indira Gujariya is a romantic type looking for a gentleman to swipe her off her feet with his charm, intelligence and class. If you consider yourself a respectable gentleman who can treat a lady properly, you should consider contacting Indira Gujariya and making her feel like the real woman she is. Indira Gujariya is open minded and is ready to girls Mumbai Escorts.
    http://www.mumbai-escorts.net.in/
    http://www.mumbai-escorts.net.in/about-mumbai-model-escorts.html
    http://www.mumbai-escorts.net.in/mumbai-escort-pics.html
    http://www.mumbai-escorts.net.in/best-mumbai-escorts-services.html
    http://www.mumbai-escorts.net.in/mumbai-escort-rates.html
    http://www.mumbai-escorts.net.in/mumbai-escort-whatsapp.html

  73. lilawatimhera 2 years ago

    I am an intelligent and intellect university student offering you a sophisticated yet enticing experience of pleasure and fun. I can please your senses by talking dirty. Can you imagine your hands sliding down my silky skin and that is not all I have to offer. I have the curves which could kill. I have magic in my hands, I know how to tease, please and play. I Am very easygoing, playful and fun to be with. I always enjoy experimenting and I Am very sensual with a perfect pair of breasts that always just beg to be caressed. See you soon Mumbai Escorts.
    http://www.mumbaiescorts.co/
    http://www.mumbaiescorts.co/about.html
    http://www.mumbaiescorts.co/gallery.html
    http://www.mumbaiescorts.co/services.html
    http://www.mumbaiescorts.co/rates.html
    http://www.mumbaiescorts.co/contact.html
    http://www.mumbaiescorts.co/links.html

  74. mishkagupta 2 years ago

    They are highly professional and know how to make their clients happy. You need to give them the details of the venue of the party, and they will reach there within the time. Since, they are professional they know the meaning of punctuality. You can expect them at your place on time. They can offer you various types of service. They can be the entertainer, dancer, occasional bartender, and anything else in such kind of parties. They make the party an eventful place with their gorgeous presence all the time. These dazzling divas can make you feel extremely happy and proud as the host of such a lovely party Mumbai Escorts.

    http://www.nightloverescorts.com/
    http://www.nightloverescorts.com/escort-girls-services.html
    http://www.nightloverescorts.com/model-escort-services.html
    http://www.nightloverescorts.com/female-escort-services.html
    http://www.nightloverescorts.com/indian-escort-services.html
    http://www.nightloverescorts.com/mumbai-callgirls-Whataap-number.html
    http://www.nightloverescorts.com/russian-escort-services.html

  75. zoyaphatan 2 years ago

    Hot Mumbai Call Girls Hire Mumbai Escorts Services
    Mumbai Escorts offer ultimate Escorts Services in Mumbai. Hire Mumbai call girls Aabha Tiwari best Independent Mumbai Escorts or Call Girls in Mumbai.
    #Visit 
    http://www.mumbaiescort.in/
    http://www.mumbaiescort.in/bandra-escorts.html
    http://www.mumbaiescort.in/juhu-escorts.html
    http://www.mumbaiescort.in/indian-escorts.html
    http://www.mumbaiescort.in/russian-escorts.html
    http://www.mumbaiescort.in/mumbai-callgirls-whatsapp.html

  76. sanakeer 2 years ago

    The exquisite and dazzling Mumbai Escorts Girls can fulfill all your wishes by the service they render Visit Us: ( http://www.escorts-mumbai.net/ ) Mumbai Escorts Service. The service can range from giving you company at social events to spending some wonderful and hugely satisfying time with you. They will take care of you so that all the dreams become a reality. They can give a massage that can relax and sooth you. They can make you feel that the world exists for only the two of you and no one else. The one point that you will notice in all escorts is sophistication. As they are groomed and trained by professionals, they are extremely well mannered, polite and friendly. When it comes to classiness, no one can match their level Mumbai Escorts.

Leave a reply

Your email address will not be published. Required fields are marked *

*