You are on page 1of 15

STEROID Worlds-first custom components framework for Force.

com
What is STEROID? STEROID is the worlds-first custom components framework for Force.com platform. STEROID is a library of re-usable capabilities and features for Desktops and Mobile devices

Why STEROID? STEROID impacts both the Business and IT positively. STEROID provided some of the key performance enhancing features for business through Configurable Keyboard Shortcuts, Simple Wizard Flows, Porting Salesforce to Mobile Devices, Smart & Dynamic Lists and Inline Reference Data components. STEROID also reduces IT & Operational budgets by providing simple to use components delivering compact, precise and manageable code artifacts. 90% of the STEROID components are realized with juts one line of code. Our lab benchmarks recorded over 70% reduction in development times and over 80% reduction in testing/quality cycles

How to use STEROID? STEROID is a 100% native application, and is a natural extension to developing on Force.com platform. One would use STEROID the same way as the other Visualforce components. STEROID will be enabled for any given Visualforce page by 2 simple steps 1. Add STEROID.RuntimeExtension as one of extension to the VF Page 2. Include <STEROID:LIBRARY> component with as shown below

<apex:page StandardController=Lead Extensions=STEROID.RuntimeExtension> <STEROID:Library id=steroid/> //Include other STEROID and/or Standard Visualforce Components as needed </apex:page>

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


A Typical STEROID PAGE (Visualforce page for a New LEAD is shown below)

<apex:page standardcontroller="Lead" Extensions=STEROID.RuntimeExtension> <apex:sectionheader title="Lead Edit" subtitle="New Lead"/> <STEROID:library id=steroid/> <apex:form> <apex:pageblock mode="edit" title="Lead Edit"> <apex:pageblockbuttons> <apex:commandbutton value="Save" action="{!Save}"/> <apex:commandbutton value="Cancel" action="{!Cancel}"/> </apex:pageblockbuttons> <STEROID:Section Heading=" Lead Information" Runtime="{!runtime}" Fieldslist="OwnerId, FirstName, MobilePhone, LastName, Fax,Company, Email, Title, Website, LeadSource, Status, Industry, Rating, AnnualRevenue,NumberOfEmployees/> <STEROID:Section Heading="Address Information" Runtime="{!runtime}" Fieldslist="Street,City,State,PostalCode,Country/> <STEROID:Section Heading=" Description Information" Columns=1 Runtime="{!runtime}" Fieldslist="Description/> </apex:pageblock> </apex:form> </apex:page>

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID Compound Action Compound Action component realizes actions like Save & New and Save & Close. Name Description Attributes Compound Action Compound Action realizes actions like Save & New Compound Action supports 3 attributes Name Runtime Type Label Required? Yes Yes Yes Sample Runtime={!Runtime} Type=SaveAndNew (OR) Type=SaveAndClose Label=Save & New

Syntax

<STEROID:CompoundAction Runtime={!Runtime} Type=SaveAndClose Label=Save & Close/> Use this component when you need to combine Save action with NEW OR CLOSE actions. Save & New action saves the current record and navigates the user to the new record page. Save & Close action saves the current record and navigates the user back to the object Tab page.

When to use

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID Data Hover Data Hover component loads a Popup with data from a Related Object when hovers over a specified field on the UI. This component is designed to work with Output fields. Name Description Attributes Data Hover Loads a Popup with data from a Related Object Data Hover supports 8 attributes Name Runtime Anchor ObjectId FieldsList Required? Yes Yes Yes Yes Sample Runtime={!Runtime} Id of the field for the Popup 18 digit Id for the Related Object The list of the fields from the Related Object that would be displayed in the popup window Title for the Popup window Width of the popup window Popup frame color Popup body color

Title Width FrameColor BodyColor Syntax

Yes No No No

<STEROID:DataHover Runtime={!Runtime} Anchor=Popup Source Field Id ObjectId={!Opportunity.AccountId} FieldsList=Name,AccountNumber,Type,Phone,Fax Title=Account Information Width=24% FrameColor=#EEE BodyColor=#F1F1F1 /> Use this component when you need to show data from a Related Object when the user hovers over a specific field

When to use

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID Directive Directive component directs the runtime engine to perform a specific task of optimizing the field lengths OR to display the remaining size for any text field with a maximum character limit Name Description Attributes Directive Directs the runtime engine to perform a specific task Directive supports 6 attributes Name Runtime Type Required? Yes Yes Sample Runtime={!Runtime} Directive Type OptimizeFieldLengths (OR) ShowRemainingFieldSize Id of the container for the directive Desired field size (eg: 70%), applicable only for OptimizeFieldLengths Size Indicator Background color (only for ShowRemainingFieldSize directive) Size Indicator Text color (only for ShowRemainingFieldSize directive)

Scope FieldSize

No No

IndicatorBodyColor No

IndicatorTextColor

No

Syntax

<STEROID:Directive Runtime="{!runtime}" Type="OptimizeFieldSizes" Fieldsize="40%" Scope="PageForm"/> Use this component to adjust the size of the fields for a uniform visual appearance and for to display the remaining character size while entering data in a specific field (for which a maximum character limit is set)

When to use

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID Highlighter Highlighter component highlights a set of fields based a business rule. Name Description Attributes Highlighter Highlights a set of fields based a business rule Directive supports 4 attributes Name Runtime Condition FieldsList Color Syntax Required? Yes Yes Yes No Sample Runtime={!Runtime} The Business Condition for the highlighter List of fields to be impacted by Highlighter Highlight color

<STEROID:Highlighter Runtime="{!runtime}" Condition="{!opportunity.stagename !='Closed Won'}" Color="#0F0 " Fieldslist="StageName " /> Use this component to highlight a set of fields based on a business rule

When to use

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID List List component generates a smart & qualified list with navigational, sort, filter and inline edit controls. Name Description Attributes List Generates a smart & qualified list Directive supports 7 attributes Name Runtime Object Columns New WhereClause Title Framecolor Syntax Required? Yes Yes Yes Yes No No No Sample Runtime={!Runtime} List Object Columns to be displayed New Action URL Where Clause for the List List Title Frame color for easy visual identification

<STEROID:List Runtime="{!runtime}" Object="Opportunity" Columns="Name,AccountId,StageName,Amount" New="{!URLFOR($Action.Opportunity.New)}" Title="Open Opportunities" WhereClause="stageName ='Prospecting'" FrameColor="#EEE"/> Use this component to display smart & qualified lists like all Open Opportunities OR All Close Cases etc

When to use

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID Reference Data Reference Data component displays data from a Related Object inline with the parent fields Name Description Attributes Reference Data Displays data from a Related Object inline with the parent fields Reference Data supports 7 attributes Name Runtime Anchor ObjectId FieldsList Required? Yes Yes Yes Yes Sample Runtime={!Runtime} Id of the field for the Popup 18 digit Id for the Related Object The list of the fields from the Related Object that would be displayed in the popup window Title Frame color Body color

Title FrameColor BodyColor Syntax

Yes No No

<STEROID:ReferenceData Runtime={!Runtime} Anchor=Popup Source Field Id ObjectId={!Opportunity.AccountId} FieldsList=Name,AccountNumber,Type,Phone,Fax Title=Account Information FrameColor=#EEE BodyColor=#F1F1F1 /> Use this component when you need to show data from a Related Object inline with the parent data

When to use

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID Section Section component renders a section (Edit OR Detail) with specified fields Name Description Attributes Section Renders a Section (Edit OR Detail) with specified fields Section supports 6 attributes Name Runtime FieldsList Heading Mode Columns Guidance Syntax Required? Yes Yes No No No No Sample Runtime={!Runtime} The list of fields for the section Section Heading Section Mode Number Of Columns Section Guidance

<STEROID:Section Runtime="{!Runtime}" Heading="Opportunity Information" Mode="Detail" Guidance="Please fill-in all the fields" Fieldslist="Name,Type,CloseDate,StageName,Description"/> Use this component to quickly create a section in Edit OR Detail mode.

When to use

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID Shortcut Shortcut component creates a keyboard shortcut Name Description Attributes Shortcut Creates a keyboard shortcut Shortcut supports 7 attributes Name Runtime Sequence KeyAction Label Message Required? Yes Yes Yes Yes No Sample Runtime={!Runtime} Key Sequence Action Display Label Display Message when this shortcut is executed Confirmation Message for this shortcut Future Reference

ConfirmMessage No Inline Syntax No

<apex:actionFunction name="QuickSave" action="{!QuickSave}"/> <STEROID:Shortcut Runtime="{!Runtime}" Sequence="Ctrl-Q" KeyAction="QuickSave" Label="Quick Save" Message="Performing Quick Save...." />

When to use

Use this component to create keyboard shortcuts

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID Step Step component creates a step in a wizard. Name Description Attributes Step Creates a step in a wizard. Step supports 7 attributes Name Runtime Heading Position Mode Columns FieldsList Guidance Syntax Required? Yes No Yes No No Yes No Sample Runtime={!Runtime} Step Heading Step Position Step Mode Number of Columns The list of fields for the step Step Guidance

<STEROID:Step Runtime="{!Runtime}" Position="1" Heading="General Information" Guidance="Please provide general information" Fieldslist="Name,StageName,Type,LeadSource"/> Use this component to create a step in a wizard

When to use

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID Sticky Sticky component displays contextual business notifications Name Description Attributes Sticky Displays contextual business notifications Sticky supports 9 attributes Name Runtime Title Message Condition Position Width Height BodyColor TextColor Syntax Required? Yes No Yes Yes No No No No No Sample Runtime={!Runtime} Title Message Business Condition Display Position Sticky width Sticky Height Body Color Text Color

<STEROID:Sticky Runtime="{!Runtime}" Message="Sticky Message" Position="middle" Condition="{!Opportunity.stageName ='Needs Analysis'}" Title="Sticky Title"/> Use this component to display contextual business alerts

When to use

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID Text Hover Text Hover component loads a Popup with supplied text when hovers over a specified field on the UI. Name Description Attributes Text Hover Loads a Popup with supplied text Text Hover supports 7 attributes Name Runtime Anchor Text Title Width FrameColor BodyColor Syntax Required? Yes Yes Yes Yes No No No Sample Runtime={!Runtime} Id of the field for the Popup Text for the Popup Title for the Popup window Width of the popup window Popup frame color Popup body color

<SEROID:TextHover Runtime="{!Runtime}" Anchor="Anchor Id" Text="Popup Text"/> Use this component when you need to show popup Text when the user hovers over a specific field

When to use

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

STEROID Worlds-first custom components framework for Force.com


STEROID Wizard Wizard component creates a multi-page wizard with navigational controls Name Description Attributes Wizard Creates a multi-page wizard with navigational controls Wizard supports 8 attributes Name Runtime Steps Title SubTitle HeaderBackground HeaderColor BodyBackground BodyColor Syntax Required? Yes Yes Yes Yes No No No No Sample Runtime={!Runtime} Number of Wizard Steps Title SubTitle Header Background Header Text Color Body Background Color Body Text Color

<STEROID:Wizard steps="3" runtime="{!runtime}" title="Opportunity" subtitle="Creation Wizard"> <STEROID:Step runtime="{!runtime}" position="1" fieldslist="name,stagename"/> <STEROID:Step runtime="{!runtime}" position="2" fieldslist="Amount,ExpectedRevenue"/> <STEROID:Step runtime="{!runtime}" position="3" fieldslist="AccountId"/> </STEROID:Wizard> Use this component to create a multi-page wizard

When to use

Clerisoft, Inc (2008 2012)

www.clerisoft.com / info@clerisoft.com / (408) 637 5710

You might also like