App Styling for Web and Mobile

Ed Garcia

650-691-0900 | edward.garcia@caspio.com

Senior Account Manager

Agenda

Overview of Caspio Intro to the Styles Wizard

WYSIWYG Options CSS Source Code

Mobile Optimization Mobile style (Beta) List view results page Scrolling preferred over new pages

Tips and tricks Javascript redirection

Quick Background

•Caspio founded in 2000•Serving 80% of largest U.S. Papers•Enterprise agreements:

All-In-One Application Framework

Wizard-drivenPoint and clickMany interfaces

• Forms• Reports• Calendars• Charts

End user authenticationStyles and localizationDeploy to any site

Popular Examples

• Crime and mugshot databases• Open government data• Contests and surveys• Recipe guides• Voter guides• Sports scores and guides• Event listings• Citizen reporting• And much more

Voter Guides Crime Databases

Disaster Apps Location Based

WYSWYG and CSS Source

Caspio Bridge Login Instruction:

Go to https://www.caspio.com/login, Click on Login Now.

On the Login Prompt, click on "Advanced Login Link" • Account Login: cb_model_IRE• User Name: IRE2• Password : IREuserIRE

JavaScript Redirection

<script type="text/javascript" src="http://b6.caspio.com/scripts/e1.js"></script><script type="text/javascript">if ( document.documentElement.clientWidth > 768) {//DataPage to display on large screen

try{f_cbload("bb723000e2cd4ae1f967496281eb","http:");}catch(v_e){;} }else if( document.documentElement.clientWidth > 568) {// DataPage to display on medium screen

try{f_cbload("bb723000adbff748c602489e97ed","http:");}catch(v_e){;}}else {// DataPage to display on small screen

try{f_cbload("bb723000adbff748c602489e97ed","http:");}catch(v_e){;}}</script>

Ed Garcia650-691-0900 | edward.garcia@caspio.com