SlideShare a Scribd company logo
The Visual Delta Force
Dynamic Visualforce Components
Kyle Thornton, Mavens Consulting, Technical Architect
@knthornt
John Daniel, Mavens Consulting, Technical Architect
@JohnDTheMaven
Kyle Thornton
Technical Architect,
Mavens Consulting
Salesforce MVP
Certified Force.com Advanced Developer
@knthornt
John M. Daniel
Technical Architect,
Mavens Consulting
Certified Force.com Advanced Developer
@JohnDTheMaven
All about Mavens Consulting
Mavens Consulting is the Life Science industry’s premier
salesforce.com implementation partner focused exclusively
on delivering optimized Force.com solutions.
▪ Certified Force.com and Veeva Experts
▪ Unparalleled Global Knowledge in Life Sciences
▪ Specialists in Service Cloud Implementations for MedInfo Contact
Centers and Multi-Channel Portals for Physicians and Reps
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 salesforce.com, 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 product or service availability, 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, new products and services, 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 any
litigation, risks associated with completed and any 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 non-salesforce.com products, and utilization and selling to
larger enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is
included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent
fiscal quarter. These documents and others containing important disclosures 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 presentations, 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. Salesforce.com, inc. assumes no obligation and does not intend to update these
forward-looking statements.
Unsafe harbor
Rendering objects in Visualforce
What about an object with an unknown number of
levels and peers?
Social Influence Mapping
Social Influence Mapping
Social Influence Mapping
How do we view this information?
Viewing Budget Plans in an Enterprise
Global Budget
National Budget 1
Regional
Budget 1
$

$

$

National Budget 2

Regional
Budget 2
$

$

$

Regional
Budget 4

Regional
Budget 3
$

$

$

$

$

$
The Visual Delta Force: Dynamic Visualforce Components
Visualforce = Army of tags
Dynamic Visual “Delta” force components
What are Dynamic Visualforce Components?

Rather than using standard markup, dynamic Visualforce components are designed in
Apex and can be defined like:
Component.Component_namespace.Component_name
Dynamic Visualforce Components - Examples
Component.Apex.OutputPanel aPanel = new Component.Apex.OutputPanel(layout=‘block’, styleClass=‘column’);

<apex:outputPanel layout=“block” styleClass=“column></apex:outputPanel>

Account a = new Account(Name=‘Mavens Consulting’);
Component.Apex.OutputText someText = new Component.Apex.OutputText();
someText.expressions.value = a.Name;

<apex:outputText value = “{!a.Name}”></apex:outputText>
How do you organize Dynamic Visualforce
Components?
Use the childComponents list which is a property of each Dynamic Visualforce
Component
childComponents is a list of Apex Components

Component.Apex.Outputpanel thePanel = new Component.Apex.Outputpanel();
Component.Apex.Outputtext theText = new Component.Apex.Outputtext(value=“foo bar”);
thePanel.childComponents.add( theText)
Find our code

https://github.com/mavens
Look for : Dreamforce13-Dynamic-Visualforce-Components
Kyle Thornton

John Daniel

Technical Architect,
Mavens Consulting
@knthornt

Technical Architect,
Mavens Consulting
@JohnDTheMaven
The Visual Delta Force: Dynamic Visualforce Components

More Related Content

What's hot (20)

PPTX
Webinar: Build Apps Customers Love as a Salesforce Developer
Salesforce Developers
 
PPTX
Lightning Updates: Summer, Winter & Beyond
Salesforce Developers
 
PDF
SLDS and Lightning Components
Salesforce Developers
 
PPTX
Build Smarter Apps with Einstein Platform Services
Salesforce Developers
 
PPTX
Lightning components performance best practices
Salesforce Developers
 
PPTX
Build Better Communities with Lightning
Salesforce Developers
 
PDF
Javascript Security and Lightning Locker Service
Salesforce Developers
 
PDF
Advanced Lightning Components
Salesforce Developers
 
PDF
Lightning Components - Advanced Features
Salesforce Developers
 
PPTX
Atl elevate programmatic developer slides
David Scruggs
 
PDF
Lightning Out: Components for the Rest of the World
Salesforce Developers
 
PDF
Coding for Declarative Customizations: How We Do It in Salesforce.com IT
Salesforce Developers
 
PPTX
Process Automation on Lightning Platform Workshop
Salesforce Developers
 
PDF
Unlocking the Hidden Potential of Salesforce Live Agent
Salesforce Developers
 
PPTX
#Df17 Recap Series Build Apps Faster with the Salesforce Platform
Salesforce Developers
 
PDF
Developer Preview Live – Release Readiness LIVE, Spring '18
Salesforce Developers
 
PPTX
Introduction to Apex for Developers
Salesforce Developers
 
PDF
All Aboard the Lightning Components Action Service
Peter Chittum
 
PPTX
Building a Single Page App with Lightning Components
Salesforce Developers
 
PPTX
Modeling and Querying Data and Relationships in Salesforce
Salesforce Developers
 
Webinar: Build Apps Customers Love as a Salesforce Developer
Salesforce Developers
 
Lightning Updates: Summer, Winter & Beyond
Salesforce Developers
 
SLDS and Lightning Components
Salesforce Developers
 
Build Smarter Apps with Einstein Platform Services
Salesforce Developers
 
Lightning components performance best practices
Salesforce Developers
 
Build Better Communities with Lightning
Salesforce Developers
 
Javascript Security and Lightning Locker Service
Salesforce Developers
 
Advanced Lightning Components
Salesforce Developers
 
Lightning Components - Advanced Features
Salesforce Developers
 
Atl elevate programmatic developer slides
David Scruggs
 
Lightning Out: Components for the Rest of the World
Salesforce Developers
 
Coding for Declarative Customizations: How We Do It in Salesforce.com IT
Salesforce Developers
 
Process Automation on Lightning Platform Workshop
Salesforce Developers
 
Unlocking the Hidden Potential of Salesforce Live Agent
Salesforce Developers
 
#Df17 Recap Series Build Apps Faster with the Salesforce Platform
Salesforce Developers
 
Developer Preview Live – Release Readiness LIVE, Spring '18
Salesforce Developers
 
Introduction to Apex for Developers
Salesforce Developers
 
All Aboard the Lightning Components Action Service
Peter Chittum
 
Building a Single Page App with Lightning Components
Salesforce Developers
 
Modeling and Querying Data and Relationships in Salesforce
Salesforce Developers
 

Similar to The Visual Delta Force: Dynamic Visualforce Components (20)

PPTX
Force.com Friday - Intro to Visualforce
Shivanath Devinarayanan
 
PDF
Force.com Friday: Intro to Force.com
Salesforce Developers
 
PPTX
Force.com Friday : Intro to Visualforce
Salesforce Developers
 
PPTX
Elevate Madrid Essentials - Advance Track
CarolEnLaNube
 
PPTX
Force.com Friday : Intro to Apex
Salesforce Developers
 
PDF
Force.com Friday: Intro to Force.com
Salesforce Developers
 
PPTX
Force.com Friday: Intro to Visualforce (May 8, 2015)
Salesforce Developers
 
PDF
Just-In-Time Sharing Using Apex
Salesforce Developers
 
PPTX
Mastering Force.com: Advanced Visualforce
Salesforce Developers
 
PPTX
CCT London 2013 Theatre Intro to Apex
Peter Chittum
 
PPTX
Salesforce Campus Tour - Declarative
James Ward
 
PPTX
Salesforce Campus Tour - Developer Intro
James Ward
 
PPTX
5 Easy Ways to Make Your Org Instantly More User Friendly
Traction on Demand
 
PDF
Developing on the Salesforce Platform With Clicks, Not Code
Salesforce Developers
 
PDF
Manage Development in Your Org with Salesforce Governance Framework
Salesforce Developers
 
PPTX
Apex for Admins: Get Started with Apex in 30 Minutes! (part 1)
Salesforce Developers
 
PDF
Force.com Friday - An Intro to Force.com
Dazeworks
 
PPTX
Force.com Friday - Intro to Force.com
Shivanath Devinarayanan
 
PPTX
Intro to Apex - Salesforce Force Friday Webinar
Abhinav Gupta
 
PDF
Force.com Friday: Intro to Force.com Slides
Salesforce Developers
 
Force.com Friday - Intro to Visualforce
Shivanath Devinarayanan
 
Force.com Friday: Intro to Force.com
Salesforce Developers
 
Force.com Friday : Intro to Visualforce
Salesforce Developers
 
Elevate Madrid Essentials - Advance Track
CarolEnLaNube
 
Force.com Friday : Intro to Apex
Salesforce Developers
 
Force.com Friday: Intro to Force.com
Salesforce Developers
 
Force.com Friday: Intro to Visualforce (May 8, 2015)
Salesforce Developers
 
Just-In-Time Sharing Using Apex
Salesforce Developers
 
Mastering Force.com: Advanced Visualforce
Salesforce Developers
 
CCT London 2013 Theatre Intro to Apex
Peter Chittum
 
Salesforce Campus Tour - Declarative
James Ward
 
Salesforce Campus Tour - Developer Intro
James Ward
 
5 Easy Ways to Make Your Org Instantly More User Friendly
Traction on Demand
 
Developing on the Salesforce Platform With Clicks, Not Code
Salesforce Developers
 
Manage Development in Your Org with Salesforce Governance Framework
Salesforce Developers
 
Apex for Admins: Get Started with Apex in 30 Minutes! (part 1)
Salesforce Developers
 
Force.com Friday - An Intro to Force.com
Dazeworks
 
Force.com Friday - Intro to Force.com
Shivanath Devinarayanan
 
Intro to Apex - Salesforce Force Friday Webinar
Abhinav Gupta
 
Force.com Friday: Intro to Force.com Slides
Salesforce Developers
 
Ad

More from Salesforce Developers (20)

PDF
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Salesforce Developers
 
PDF
Maximizing Salesforce Lightning Experience and Lightning Component Performance
Salesforce Developers
 
PDF
Local development with Open Source Base Components
Salesforce Developers
 
PPTX
TrailheaDX India : Developer Highlights
Salesforce Developers
 
PDF
Why developers shouldn’t miss TrailheaDX India
Salesforce Developers
 
PPTX
CodeLive: Build Lightning Web Components faster with Local Development
Salesforce Developers
 
PPTX
CodeLive: Converting Aura Components to Lightning Web Components
Salesforce Developers
 
PPTX
Enterprise-grade UI with open source Lightning Web Components
Salesforce Developers
 
PPTX
TrailheaDX and Summer '19: Developer Highlights
Salesforce Developers
 
PDF
Live coding with LWC
Salesforce Developers
 
PDF
Lightning web components - Episode 4 : Security and Testing
Salesforce Developers
 
PDF
LWC Episode 3- Component Communication and Aura Interoperability
Salesforce Developers
 
PDF
Lightning web components episode 2- work with salesforce data
Salesforce Developers
 
PDF
Lightning web components - Episode 1 - An Introduction
Salesforce Developers
 
PDF
Migrating CPQ to Advanced Calculator and JSQCP
Salesforce Developers
 
PDF
Scale with Large Data Volumes and Big Objects in Salesforce
Salesforce Developers
 
PDF
Replicate Salesforce Data in Real Time with Change Data Capture
Salesforce Developers
 
PDF
Modern Development with Salesforce DX
Salesforce Developers
 
PDF
Get Into Lightning Flow Development
Salesforce Developers
 
PDF
Integrate CMS Content Into Lightning Communities with CMS Connect
Salesforce Developers
 
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Salesforce Developers
 
Maximizing Salesforce Lightning Experience and Lightning Component Performance
Salesforce Developers
 
Local development with Open Source Base Components
Salesforce Developers
 
TrailheaDX India : Developer Highlights
Salesforce Developers
 
Why developers shouldn’t miss TrailheaDX India
Salesforce Developers
 
CodeLive: Build Lightning Web Components faster with Local Development
Salesforce Developers
 
CodeLive: Converting Aura Components to Lightning Web Components
Salesforce Developers
 
Enterprise-grade UI with open source Lightning Web Components
Salesforce Developers
 
TrailheaDX and Summer '19: Developer Highlights
Salesforce Developers
 
Live coding with LWC
Salesforce Developers
 
Lightning web components - Episode 4 : Security and Testing
Salesforce Developers
 
LWC Episode 3- Component Communication and Aura Interoperability
Salesforce Developers
 
Lightning web components episode 2- work with salesforce data
Salesforce Developers
 
Lightning web components - Episode 1 - An Introduction
Salesforce Developers
 
Migrating CPQ to Advanced Calculator and JSQCP
Salesforce Developers
 
Scale with Large Data Volumes and Big Objects in Salesforce
Salesforce Developers
 
Replicate Salesforce Data in Real Time with Change Data Capture
Salesforce Developers
 
Modern Development with Salesforce DX
Salesforce Developers
 
Get Into Lightning Flow Development
Salesforce Developers
 
Integrate CMS Content Into Lightning Communities with CMS Connect
Salesforce Developers
 
Ad

Recently uploaded (20)

PDF
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
PDF
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
PDF
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
PDF
Blockchain Transactions Explained For Everyone
CIFDAQ
 
PPTX
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
PDF
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
PDF
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
PDF
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
PDF
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
PDF
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PDF
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
Blockchain Transactions Explained For Everyone
CIFDAQ
 
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 

The Visual Delta Force: Dynamic Visualforce Components

  • 1. The Visual Delta Force Dynamic Visualforce Components Kyle Thornton, Mavens Consulting, Technical Architect @knthornt John Daniel, Mavens Consulting, Technical Architect @JohnDTheMaven
  • 2. Kyle Thornton Technical Architect, Mavens Consulting Salesforce MVP Certified Force.com Advanced Developer @knthornt
  • 3. John M. Daniel Technical Architect, Mavens Consulting Certified Force.com Advanced Developer @JohnDTheMaven
  • 4. All about Mavens Consulting Mavens Consulting is the Life Science industry’s premier salesforce.com implementation partner focused exclusively on delivering optimized Force.com solutions. ▪ Certified Force.com and Veeva Experts ▪ Unparalleled Global Knowledge in Life Sciences ▪ Specialists in Service Cloud Implementations for MedInfo Contact Centers and Multi-Channel Portals for Physicians and Reps
  • 5. 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 salesforce.com, 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 product or service availability, 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, new products and services, 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 any litigation, risks associated with completed and any 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 non-salesforce.com products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent fiscal quarter. These documents and others containing important disclosures 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 presentations, 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. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.
  • 7. Rendering objects in Visualforce
  • 8. What about an object with an unknown number of levels and peers?
  • 12. How do we view this information?
  • 13. Viewing Budget Plans in an Enterprise Global Budget National Budget 1 Regional Budget 1 $ $ $ National Budget 2 Regional Budget 2 $ $ $ Regional Budget 4 Regional Budget 3 $ $ $ $ $ $
  • 16. Dynamic Visual “Delta” force components
  • 17. What are Dynamic Visualforce Components? Rather than using standard markup, dynamic Visualforce components are designed in Apex and can be defined like: Component.Component_namespace.Component_name
  • 18. Dynamic Visualforce Components - Examples Component.Apex.OutputPanel aPanel = new Component.Apex.OutputPanel(layout=‘block’, styleClass=‘column’); <apex:outputPanel layout=“block” styleClass=“column></apex:outputPanel> Account a = new Account(Name=‘Mavens Consulting’); Component.Apex.OutputText someText = new Component.Apex.OutputText(); someText.expressions.value = a.Name; <apex:outputText value = “{!a.Name}”></apex:outputText>
  • 19. How do you organize Dynamic Visualforce Components? Use the childComponents list which is a property of each Dynamic Visualforce Component childComponents is a list of Apex Components Component.Apex.Outputpanel thePanel = new Component.Apex.Outputpanel(); Component.Apex.Outputtext theText = new Component.Apex.Outputtext(value=“foo bar”); thePanel.childComponents.add( theText)
  • 21. Kyle Thornton John Daniel Technical Architect, Mavens Consulting @knthornt Technical Architect, Mavens Consulting @JohnDTheMaven