Skip to main content

Posts

Showing posts from 2014

Patient Engagement Challenge – built using VisualForce

http://blogforce9.blogspot.ca/2013/12/visualstrap-visualforce-implementation.htmlOne of the things that I’ve been doing lately is participating in Hackathons and other types of coding challenges.  I find that I need a deadline to motivate myself, and with the timeline and end goal, I learn a lot faster plus I can cram in a lot of hands-on experience.  Otherwise, I tend to read a lot of abstract articles, but never put pen to paper.    Here’s my latest submissions which I hacked up over the weekend:http://patientengagement.challengepost.com/submissions/20745-community I completed this over 1 weekend and am generally happy with the results.  However, when I looked at the other entries, I do notice that there are a few professional teams entering a lot of these Challenge Posts now, sometimes with existing products and frameworks they are modifying for the purpose of the challenge.This one was built using SFDC as the back-end but with a completely new mobile user interface.   In building t…

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, …