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

PDF
Developing Interactive Tables and Charts in Visualforce
PDF
Making Your Apex and Visualforce Reusable
PPT
Building Visualforce Custom Events Handlers
PDF
Visualforce Hack for Junction Objects
PDF
Apex Enterprise Patterns: Building Strong Foundations
PPT
Elevate workshop programmatic_2014
PPTX
Build and Package Lightning Components for Lightning Exchange
PPT
The Salesforce Einstein Product Team: Ask Us Anything!
Developing Interactive Tables and Charts in Visualforce
Making Your Apex and Visualforce Reusable
Building Visualforce Custom Events Handlers
Visualforce Hack for Junction Objects
Apex Enterprise Patterns: Building Strong Foundations
Elevate workshop programmatic_2014
Build and Package Lightning Components for Lightning Exchange
The Salesforce Einstein Product Team: Ask Us Anything!

What's hot (20)

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

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

PPTX
Intro to Lightning Components - Dreamforce 2016
PDF
Squash Bugs with the Apex Debugger (TDX'17)
PPTX
Detroit ELEVATE Track 1
PDF
Elevate workshop track1
PDF
Data Democracy: Use Lightning Connect & Heroku to Visualize any Data, Anywhere
PDF
Salesforce: Go Faster with Lightning (DocuSign DevCon)
PDF
Einstein Analytics, the art of the possible
PPTX
Using Salesforce to Manage Your Developer Community
PDF
Using the D3 JavaScript Library to Create Modular Visualizations
PDF
NgForce: A JS Library For Quickly Building Salesforce Apps Using AngularJS
PDF
Create Lightning with Lightning & IoT
PPTX
Build lightning components with salesforce dx
PPTX
Create Lightning from Salesforce Lightning & IoT
PPTX
Force.com Friday - Intro to Force.com
PDF
Force.com Friday - An Intro to Force.com
PDF
Salesforce Known Issues: The Lifecycle of a Bug
PDF
Lightning App Builder: Build Apps Visually for the new Lightning Experience
PPTX
Developers Introduction To Lightning
PPTX
SalesforceDX Demo by Manish
PPTX
Unleash the Power of Apex Realtime Debugger
Intro to Lightning Components - Dreamforce 2016
Squash Bugs with the Apex Debugger (TDX'17)
Detroit ELEVATE Track 1
Elevate workshop track1
Data Democracy: Use Lightning Connect & Heroku to Visualize any Data, Anywhere
Salesforce: Go Faster with Lightning (DocuSign DevCon)
Einstein Analytics, the art of the possible
Using Salesforce to Manage Your Developer Community
Using the D3 JavaScript Library to Create Modular Visualizations
NgForce: A JS Library For Quickly Building Salesforce Apps Using AngularJS
Create Lightning with Lightning & IoT
Build lightning components with salesforce dx
Create Lightning from Salesforce Lightning & IoT
Force.com Friday - Intro to Force.com
Force.com Friday - An Intro to Force.com
Salesforce Known Issues: The Lifecycle of a Bug
Lightning App Builder: Build Apps Visually for the new Lightning Experience
Developers Introduction To Lightning
SalesforceDX Demo by Manish
Unleash the Power of Apex Realtime Debugger
Ad

More from Salesforce Developers (20)

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

Recently uploaded (20)

PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
Big Data Technologies - Introduction.pptx
PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
Machine Learning_overview_presentation.pptx
PDF
cuic standard and advanced reporting.pdf
PPTX
sap open course for s4hana steps from ECC to s4
PDF
Electronic commerce courselecture one. Pdf
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PDF
A comparative analysis of optical character recognition models for extracting...
PPTX
Spectroscopy.pptx food analysis technology
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Machine learning based COVID-19 study performance prediction
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Encapsulation theory and applications.pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm
Big Data Technologies - Introduction.pptx
Network Security Unit 5.pdf for BCA BBA.
Digital-Transformation-Roadmap-for-Companies.pptx
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Building Integrated photovoltaic BIPV_UPV.pdf
Machine Learning_overview_presentation.pptx
cuic standard and advanced reporting.pdf
sap open course for s4hana steps from ECC to s4
Electronic commerce courselecture one. Pdf
Mobile App Security Testing_ A Comprehensive Guide.pdf
gpt5_lecture_notes_comprehensive_20250812015547.pdf
A comparative analysis of optical character recognition models for extracting...
Spectroscopy.pptx food analysis technology
Per capita expenditure prediction using model stacking based on satellite ima...
Machine learning based COVID-19 study performance prediction
Agricultural_Statistics_at_a_Glance_2022_0.pdf
The AUB Centre for AI in Media Proposal.docx
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Encapsulation theory and applications.pdf

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)
  • 20. Find our code https://github.com/mavens Look for : Dreamforce13-Dynamic-Visualforce-Components
  • 21. Kyle Thornton John Daniel Technical Architect, Mavens Consulting @knthornt Technical Architect, Mavens Consulting @JohnDTheMaven