Skip to main content

Posts

Showing posts from January, 2014

Salesforce.com Backbone.js Re-skinning with a flat UI

I have been prototyping with salesforce.com and Single Page Applications (SPA) via VisualForce.SFDC has provided a great example her for getting started:http://www2.developerforce.com/mobile/getting-started/html5#backboneWhat I don’t like in particular is that it uses JQuery Mobile as the UI.  For whatever philosophical reasons, JQuery’s default theme hasn’t been updated since they feel their look and feel should be device agnostic.  It makes their UI look very dated.  So here is how to replace the theme with a flat one.Download the JQuery Mobile Square UI Theme from here:https://github.com/ququplay/jquery-mobile-square-ui-themeExtract the zip file.  Create a zip file from the “generated” folder.Rename this to something more meaningful like “jquery-mobile-square-ui-theme-master.zip”.  Upload this as a Static Resource:Set Cache Control to public if you intend to use this for a public site.Within your visualforce page, comment out the reference to the original jquery mobile stylesheet, …