Tag Archives: Visualforce

Salesforce: Displaying DateTime Field in Visualforce in User’s TimeZone

I just ran into a quirk with displaying DateTime fields in visualforce. Apparently, the  tag does not convert the date into the current user’s timezone but rather renders it in GMT (the value as salesforce stores it internally). Problem: Renders: Tue May 27 02:50:00 GMT 2014 I did some googling and came across this […]

Salesforce: How to Export Queue Members to Excel

As of this writing, Salesforce provides no way of reporting on who belongs to which queues. To know who is a queue member, you must either (a) go to the Salesforce Setup page to manage the queue or (b) run a SOQL query and join on groupmember object then export the data using Data Loader […]

Remedyforce: How to make all Incident/Problem/Change URLs view in Remedyforce Console

Inspired by this idea Open records in respective console when select “Recent Items” list and discussion around Incident and Task Consoles and how to ensure any URLs (e.g., from search results, recently viewed, look up fields, etc) to an incident, task, problem, change request, release, etc appear in the console rather than the standard Salesforce […]

Using Native Mobile Device Features from Visualforce with Phonegap

via Using Native Mobile Device Features from Visualforce with Phonegap | The Silver Lining.

The prospect of learning hybrid mobile development is daunting for most Salesforce developers. There are just so many new things to learn all at once. And so, whilst recently learning Phonegap, Ionic, Angular and responsive-design for a side project I realised that there is a very simple bridging approach that can teach you some of the basics and that might even result in some cool apps. This bridging is achieved by making the native features of a mobile device (GPS, local storage, camera etc.) directly accessible from Visualforce

Adding Javascript, HTML5 and CSS to Your Visualforce Pages

via Adding Javascript, HTML5 and CSS to Your Visualforce Pages – Developer Relations.

While JavaScript is an awesome general-purpose, object-oriented programming language, there’s little question that JavaScript is also one of the preeminent programming languages for building web applications. JavaScript is typically used as a client-side technology to implement rich pages with enhanced, responsive user interfaces. So when it comes to building killer UI’s, you will definitely want to consider using JavaScript in your Visualforce pages.

To help you get started, we have hand picked two webinar recordings to introduce you to building applications with JavaScript on the Salesforce1 Platform, and show you how you can use enhance your Visualforce pages using Javascript, HTML5 and CSS. Read on!

Building JavaScript Applications on the Salesforce1 Platform

In this video session, our Principal Developer Evangelist, Christophe Coenraets, demonstrates how to build engaging employee and customer-facing applications in JavaScript on top of the Salesforce1 Platform.

Christophe also explores some of the technologies involved in building these next generation applications including authentication, REST APIs, mobile development options, and different integration scenarios. Christophe also shares some inspiring examples built on the Salesforce1 Platform with leading JavaScript frameworks like AngularJS, Ionic, BackboneJS, Ratchet and others.

Video: Responsive Design with JavaScript, HTML5, CSS and Visualforce

However, the article summarizes  why responsive design is important. Aside from being the preferred Google approach, it makes it much easier to track visitors to a single site than M-Dot sites and it can improve overall performance. That article also shares the three cornerstones to making your Visualforce pages more responsive using the Viewport meta tag, using a fluid grid and CSS Media Queries.

For my session at Dreamforce ’14, I also built a simple demonstration using an unauthenticated Force.com site – a blog containing a few recent posts, comments on those posts, keyword searches, and links to my twitter and facebook profiles. The article includes links to access the site and other resources including the code on github and many other resources. If you’re interested in responsive design using JavaScript, HTML5 and Visualforce, and need a good reference then you’ll want to add this article to your reading list.

Responsive design is an approach to building web pages that aims to provide an optimal viewing experience across a wide range of devices, with a minimum of zooming, panning, and scrolling, plus easy navigation. The term was coined by Ethan Marcotte in his 2010 A List Apart article .

Technically, responsive design is a way of designing web pages so that they respond to the device that is displaying them. The page changes its content and layout based on features like the viewport size and orientation of the device. An important point to note is that all content and functionality should still be accessible from all devices – responsive design is not about punishing readers because they accessed your site via a smartphone, it’s about optimising their experience.

This week I published an article for Salesforce Developers, Responsive Design with Twitter Bootstrap and Visualforce, based on the developer zone session that I presented at Dreamforce 2014. If you’d like to watch the entire presentation, it’s right here.