Introduction to Pages (Visualforce)
Upcoming SlideShare
Loading in...5

Introduction to Pages (Visualforce)


  • 3,820 views can automatically generate user interfaces, but sometimes you want to go a bit further. This session explores pages (Visualforce), the component-based UI framework that lets you ... can automatically generate user interfaces, but sometimes you want to go a bit further. This session explores pages (Visualforce), the component-based UI framework that lets you build attractive, dynamic, reusable user interfaces. We'll cover code walk-throughs, common use cases, a little about code (Apex), and sample UIs.



Total Views
Views on SlideShare
Embed Views



1 Embed 138 138



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • beautifully managed
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • Re-use!Anyone catch that session?

Introduction to Pages (Visualforce) Introduction to Pages (Visualforce) Presentation Transcript

  • Introduction to Pages (Visualforce)
  • Safe Harbor
    Safe harbor statement under the Private Securities Litigation Reform Act of 1995: This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the assumptions proves incorrect, the results of, inc. could differ materially from the results expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services.
    The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, the outcome of intellectual property and other litigation, risks associated with possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of, inc. is included in our annual report on Form 10-K for the most recent fiscal year ended January 31, 2010. This documents and others are available on the SEC Filings section of the Investor Information section of our Web site.
    Any unreleased services or features referenced in this or other press releases or public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available., inc. assumes no obligation and does not intend to update these forward-looking statements.
  • Ask Your Questions in the Dreamforce Org!
  • Who Has…
    Just started with
    Modified an existing HTML web page on any system?
    Developed an HTML web page from scratch?
    Developed a JSP/PHP/etc. type page?
    Implemented a complete webapp from scratch?
  • Visualforce
    provides UI flexibility.
    Why Visualforce?
    Salesforce Mobile
    Best Mobile Experience
  • After this session
    Describe Visualforce and why it matters
    Explain 3 Common Usage Patterns
    Identify 2 Ways of Authoring Pages
    Decide your personal next step
  • Model-View-Controller
  • Today’s Demo App: Project Management
  • Developer Mode, Pages & Styles
  • What We Did
    Activate Developer Mode
    Update the URL to “…/apex/MyNewPage”
    “…/apex/MyNewPage?id=[some project id]”
  • Learning the Syntax
  • Types of Controllers
    All CRUD operations
    Expects “id” parameter
    You write nocode
    custom controllers
    Replace standard controllers completely
    You write all code
    controller extensions
    Extend standard controllers
    You write some code
  • Extensions & UI Enhancement
  • What We Did
    Wanted to see more detail about GrandChild objects
    Created a Custom Page (no header, no sidebar)
    Standard Controller = “Project__c”
    Followed prompts to created class, methods
    Built out a list of milestones and tasks
    Learning What’s Possible
  • Multiple Objects & Action Overrides
  • Advanced Topics
    List views
    Reporting & Dashboards
    Mobile Deployment
    Email Templates
  • Best Practices
    Develop custom Apex code in sandbox or developer edition
    Use security scanner to ensure quality
    Rely on server side where possible
    Insert only a single <apex:form /> tag
    Avoid re-writing every page
  • Next Steps
    Get a Developer Edition
    Do the Workbook
    Visit the Dev Zone!
    Get the Cheatsheet (actually get ‘em all)
    Do the Workbook
    Attend More Sessions
    Intro to Sites
    Developing Applications with JQuery
  • Resources, Q & A
    Chatter Resources
    This Deck in Dreamforce org
    Twitter Resources
  • Introduction to Pages (Visualforce)
  • Visit the Developer Training and Support Booth in Zone
    D I S C O V E R
    Developer training, certification and support resources
    that help you achieve
    S U C C E S S
    Find us in the Partner Demo Area of Zone 2nd Floor Moscone West
    Learn about Developer Certifications
    Discover Developer Learning Paths
  • Remember. . .
    • Check Chatter for additional session information
    • Get your developer Workbooks and Cheat Sheets in the Zone
    • Visit for more information related to this topic
    Don’t forget the survey!
  • How Could Dreamforce Be Better? Tell Us!
    Log in to the Dreamforce app to submit
    surveys for the sessions you attended
    Use the Dreamforce Mobile app to submit surveys
    Every session survey you submit is a chance to win an iPod nano!