How to create a New Visualforce page

Before going to visualforce pages you need to Enable the Development Mode in Personal Information. Development mode embeds a Visualforce page editor in your browser that allows you to see code and preview the page at the same time. Development mode also adds an Apex editor for editing controllers and extensions.

Enable Development Mode:
1. Click Your Name -->Setup-->My Personal Information --> Personal Information.
2. Click Edit.
3. Select the Development Mode check box , then click Save.

Development mode Enable

There are two methods to create a visual force pages.
    1. From the Develop Link in the APP SETUP
    1. Click Your Name -->Setup --> App Setup --> Develop --> Pages --> New.
    2. Provide a unique label
    3. Some starter code is automatically provided by the system.
    4. Click on save and a page is created.
      1. New visualforce page
    2. By providing a new page name in the URL:
    1. In your browser, add /apex/hello to the URL for your Salesforce instance. 
    2.For example, if your Salesforce instance is https://na1.salesforce.com, the new URL is https://na1.salesforce.com/apex/hello. 
    3. Here hello is your page name.You will see the following error:
    Visualforce Error message
    Because hello page is not existing on your account.Click the Create Page hello link to create the new page. You will see your new page with default code.

    New visualforce page


    Then you can Erase default code and write your own code. and save it using Ctrl+s.Below image is toolbar explain how to use editor.



    Toolbar

    COMMENTS

    Name

    Apex Apex Default Methods Apex Methods Apex_Collections Apps Batch Apex Books CRM eBooks Data Import Wizard Data Management DataLoader Dataloader.io Difference Between Error in Salesforce FAQ's FAQ's-Apex FAQ's-Apps FAQ's-CRM FAQ's-Data loader FAQ's-SOQL & SOSL FAQ'S-Triggers FAQ's-User Profile & Security FAQ's-VF Force.com Explorer Force.com Ide Formulas & Functions Integration Interview Questions Only Latest_Updates Limits&Best Practices Online-Training Reports and Dashboards Salesforce Deployment Salesforce Realtime Examples On Development Salesforce Realtime Task On Admin Salesforce Realtime Tasks Salesforce Realtime Tasks- Apex Salesforce Training Salesforce1 Mobile Sites SOQL Spring'14 Release Triggers User Profile & Security VF Tags VisualForce Winter'14 Release Wizard for Accounts/Contacts Workbench Workflows and Approvals
    false
    ltr
    item
    Sfdc Gurukul- All in one place for salesforce and force.com step by step tutorial for beginners: How to create a New Visualforce page
    How to create a New Visualforce page
    How to create a New Visualforce page,How to create a New Visualforce page in salesforce,How to enable development mode,how to enable development in salesforce,create a vf page,create a first vf page,salesforce how to create a new visualforce page,how to create vf page in sfdc,how to create vf page in salesforce
    http://2.bp.blogspot.com/-2Lumhe7pkhw/Udq5bSpv9KI/AAAAAAAAARQ/-E1CIqf3S4E/s640/Development+mode.JPG
    http://2.bp.blogspot.com/-2Lumhe7pkhw/Udq5bSpv9KI/AAAAAAAAARQ/-E1CIqf3S4E/s72-c/Development+mode.JPG
    Sfdc Gurukul- All in one place for salesforce and force.com step by step tutorial for beginners
    http://sfdcgurukul.blogspot.in/2013/07/how-to-create-new-visualforce-page.html
    http://sfdcgurukul.blogspot.in/
    http://sfdcgurukul.blogspot.com/
    http://sfdcgurukul.blogspot.com/2013/07/how-to-create-new-visualforce-page.html
    true
    4199533888133360731
    UTF-8
    Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy