Salesforce Developer Sessions | Salesforce Certification Training Material

Session 1 : Apex Programming on the Force.com Platform

For those who are looking for Salesforce.com Training material, here is the great collection of videos offered officially by Salesforce.com on iTunes that covers wide variety of video podcast sessions.

Salesforce.com had recently released a collection of podcast sessions focusing on Apex programming language for beginners.These sessions are all available  for 'FREE'

Check them out, but before you plug-in, just make sure you have iTunes, you cannot view them without iTunes

Watch videos here

Session 2 : Developers Sessions on Cloud Platform

These are the collection of Dreamforce '11 breakout session now available as podcast. These video session covers more variety topics ranging from Heroku, Database.com to Developing application with Jquery, Mobile and Ruby on Rails

I recommend this video set for advance developers as well as for new comers.

Watch Videos here

Read more

How to design impressive Visualforce Pages and Applications using BootStrap | Tool and Themes for Bootstrap

Why Bootstrap ?

There is big buzz on web about BootStrap now,  and I found that anybody can pick the concept of designing and can effectively design slick UI in no time with BootStrap. Take my words, I am seriously bad in designing, but I have sense of UI/UX very well and I delivered application with significantly improved user experience in no time with Bootstrap, so you guys can do it as well

While in my graduate program here in Texas, I undertook courses like HCF(Human Factors in Design) and UX, and each prototype I designed I was in love to see the reaction of customer and fellow mates on how UX touches people, I believe with Bootstrap, now I can continue to demonstrate the better UX

Nevertheless, BootStrap is kick start for people who do not have 'expertise' in designing world. I recommend few link that help me to design some beautiful application in less time that I have thought of, I would like share my learning and resource that helped and welcome other resources as well from the contributors and readers around the world 

There some paid resource, which is investment if you want to jump in 

BootStrap for Visualforce Project on Github 

URL: https://github.com/colinloretz/visualforce-bootstrap

Resources for BootStrap 

Tools  / Resources (Paid)

1. JetStrap : Powerful mock-up building tool 

2. Wrap BootStrap : Market Place for premium paid themes 

Free Resources 

1. BootsSwatch : Amazing and free beautiful bootstrap themes 

2. JumpStartUI : Premium designs to make your backend shine

3.  BuiltwithBootStrap : Free Mockup and large theme collection 

4. BootMetro : Inspired by the latest incarnation of Windows Metro apps, Bootmetro provides the look and feel of Metro on top of the core Bootstrap offering. Although, there are clearly some kinks still to be ironed out (from a responsive POV) it is still a worthy resource for those of you looking for something different style wise.

5. LayoutIt - Offers powerful mockups and free download drag and drop design tool for bootstrapping your webpage, all for free and proposed by fellow reader  +Richard Tuttle  in +Salesforce  at +

Javascript Resources:

I recommend BootSnip, this helped me achieving some great effects with good code resources and examples 

URL: http://bootsnipp.com/

UI Components 

FuelUX : Fuel UX adds some additional tidy Javascript components to Bootstrap, including a Combobox, Datagrid, Pillbox, Search and Spinner. Definitely worth a look at including for an extra level of polish.

Button Makers 

Try these resources 

URL: http://charliepark.org/bootstrap_buttons/

Customize buttons for bootstrap 

URL: https://github.com/nostalgiaz/bootstrap-toggle-buttons

Make sexy Iphone toggle buttons .

Thanks to  OyeCode Google Plus Community (Join Now) and people out there in community for suggesting links and resources and Google Plus  for their new #hashtag feature that brought many valuable resources and connection Hope these helps Salesforce Developers and Web Developers in making there apps more likable

Read more

How to Dynamically add Javascript to Visualforce Page

You may encounter a situation where you are supposed to inject a javascript on visualforce page conditionally. Let suppose a case where you detect device of landing page and inject javascript conditionally after finding device  I am sharing a piece of snippet which actually allow you to inject Javascript dynamically. This can also be achieve using jQuery as well

This is fairly simple, the one method I designed here  check if the device is mobile (isMobile()) which in return be used later on as condition to inject the script. If device is mobile then I inject the script

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859

//@Author - Harshit Pandey //@Source -http://www.oyecode.com   <!-- ============================================================ --> <!-- ======== Script for Mobile and Custom Design Tweaks ====== --> <!-- ============================================================ --> //Check if the browser agent in Mobile function isMobile() { if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) ){ return true; } else { return false; } } //** Majority of Hand Held device handles multi-piclist selection // with own custom way of handling them // For web-version we need a special script called Bootstrap-Select // Go here - http://silviomoreto.github.io/bootstrap-select/ // We are adding this script to give similar experience to end user //Load Javascript based on Device of End-User function loadConditionalScript() { //Set Location of Script var jHead = document.getElementsByTagName('head')[0]; //Create Script Tag var jScript = document.createElement('script'); //Add Source of Script var source = https://cs12.salesforce.com/resource/1372471384000/GoogleMapHP/GoogleMap/js/map.js; //Set Attributes jScript.setAttribute("type", "text/javascript"); jScript.setAttribute("src", source); //Check if Mobile if(!isMobile()) { //if Mobile //Insert Script Dynamically jHead.appendChild(jScript); } }

view rawgistfile1.js hosted with ❤ by GitHub

Read more

How to use BootStrap 3 with VisualForcePages in Salesforce

How to design beautiful responsive visualforce pages with BootStrap3 ?

In my last post here, I have mentioned how to use BootStrap with Salesforce, sooner the BootStrap3 was released and I received many complaints from readers out here that for some reason BootStrap3 is not compatible with Visualforce.

I therefore quickly designed this bootstrap responsive template using BootStrapV3 free template page and incorporated into VisualForce Page in Salesforce. This page handle responsive behavior, which is if you reduce/shrink the size of pages then the design changes it layout, which makes it perfectly suited for Mobile/IPad or any other device as well.

Keeping the guidelines provided here Google WebPage Design Best Practices. I removed the static resources of Javascript/CSS Stylesheet from my page and instead added a CDN. Adding CDN, makes the page load faster and you can copy this code verbatim in your org to run and test without downloading and uploading BootStrap files.

What is CDN ?

For those of you who don't now what is CDN here is quick explanation provided by Whatis.com

A content delivery network (CDN) is an interconnected system of computers on the Internet that provides Web content rapidly to numerous users. CDNs are used by Internet service providers (ISPs) to deliver static or dynamic Web pages but the technology is especially well suited to streaming audio, video, and Internet television ( IPTV ) programming.

Check out the code here, copy-paste and run in your organization to give a try. Let me know, if you have some better template to share, I would be posting some enhanced template pretty soon

12345678910111213141516171819202122232425262728

<!-- Resource : Oycode.com, Harshit Pandey --> <apex:page standardController="Account" showheader="false" > <html lang="en"> <head> <!-- Bootstrap --> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet" media="screen"/> <link href="//getbootstrap.com/examples/signin/signin.css" rel="stylesheet" media="screen"/> <title>BootStrapV3 on Visualforce Page by Oyecode</title> </head> <body> <div class="container"> <form class="form-signin"><br/><br/><br/> <h2 class="form-signin-heading">Please sign in</h2><br/><br/> <input type="text" class="form-control" placeholder="Email address" > </input> <input type="password" class="form-control" placeholder="Password"> </input> <label class="checkbox"> <input type="checkbox" value="remember-me"> </input>Remember me </label> <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> </form> </div> <!-- /container --> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> </body> </html> </apex:page>

view rawgistfile1.html hosted with ❤ by GitHub

Read more