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
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Caspio App Styling for Web and Mobile
1. App Styling for Web and Mobile
Ed Garcia
650-691-0900 | edward.garcia@caspio.com
Senior Account Manager
2. 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
5. 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
7. 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
8. 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>