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 […]
Tag Archives: Visualforce
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 […]
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
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.
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.