Vous êtes sur la page 1sur 15
STEROID World’s-first custom components framework for Force.com
STEROID
World’s-first custom components framework for Force.com

What is STEROID?

STEROID is the world’s-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”
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>
STEROID World’s-first custom components framework for Force.com
STEROID
World’s-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
<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>
STEROID World’s-first custom components framework for Force.com
STEROID
World’s-first custom components framework for Force.com

STEROID Compound Action

Compound Action component realizes actions like Save & New and Save & Close.

Name

Description

Attributes

Syntax

When to use

Compound Action

Compound Action realizes actions like Save & New

Compound Action supports 3 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

Type

Yes

Type=SaveAndNew” (OR) Type=”SaveAndClose”

Label

Yes

Label=”Save & New”

<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.

STEROID World’s-first custom components framework for Force.com
STEROID
World’s-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

Syntax

When to

use

Data Hover

Loads a Popup with data from a Related Object

Data Hover supports 8 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

Anchor

Yes

Id of the field for the Popup

ObjectId

Yes

18 digit Id for the Related Object

FieldsList

Yes

The list of the fields from the Related Object that would be displayed in the popup window

Title

Yes

Title for the Popup window

Width

No

Width of the popup window

FrameColor

No

Popup frame color

BodyColor

No

Popup body color

<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

STEROID World’s-first custom components framework for Force.com
STEROID
World’s-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

Syntax

When to

use

Directive

Directs the runtime engine to perform a specific task

Directive supports 6 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

Type

Yes

Directive Type OptimizeFieldLengths (OR) ShowRemainingFieldSize

Scope

No

Id of the container for the directive

FieldSize

No

Desired field size (eg: 70%), applicable only for OptimizeFieldLengths

IndicatorBodyColor

No

Size Indicator Background color (only for ShowRemainingFieldSize directive)

IndicatorTextColor

No

Size Indicator Text color (only for ShowRemainingFieldSize directive)

<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)

STEROID World’s-first custom components framework for Force.com
STEROID
World’s-first custom components framework for Force.com

STEROID Highlighter

Highlighter component highlights a set of fields based a business rule.

Name

Description

Attributes

Syntax

When to use

Highlighter

Highlights a set of fields based a business rule

Directive supports 4 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

Condition

Yes

The Business Condition for the highlighter

FieldsList

Yes

List of fields to be impacted by Highlighter

Color

No

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

STEROID World’s-first custom components framework for Force.com
STEROID
World’s-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

Syntax

When to use

List

Generates a smart & qualified list

Directive supports 7 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

Object

Yes

List Object

Columns

Yes

Columns to be displayed

New

Yes

New Action URL

WhereClause

No

Where Clause for the List

Title

No

List Title

Framecolor

No

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…

STEROID World’s-first custom components framework for Force.com
STEROID
World’s-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

Syntax

When to

use

Reference Data

Displays data from a Related Object inline with the parent fields

Reference Data supports 7 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

Anchor

Yes

Id of the field for the Popup

ObjectId

Yes

18 digit Id for the Related Object

FieldsList

Yes

The list of the fields from the Related Object that would be displayed in the popup window

Title

Yes

Title

FrameColor

No

Frame color

BodyColor

No

Body color

<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

STEROID World’s-first custom components framework for Force.com
STEROID
World’s-first custom components framework for Force.com

STEROID Section

Section component renders a section (Edit OR Detail) with specified fields

Name

Description

Attributes

Syntax

When to

use

Section

Renders a Section (Edit OR Detail) with specified fields

Section supports 6 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

FieldsList

Yes

The list of fields for the section

Heading

No

Section Heading

Mode

No

Section Mode

Columns

No

Number Of Columns

Guidance

No

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.

STEROID World’s-first custom components framework for Force.com
STEROID
World’s-first custom components framework for Force.com

STEROID Shortcut

Shortcut component creates a keyboard shortcut

Name

Description

Attributes

Syntax

When to use

Shortcut

Creates a keyboard shortcut

Shortcut supports 7 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

Sequence

Yes

Key Sequence

KeyAction

Yes

Action

Label

Yes

Display Label

Message

No

Display Message when this shortcut is executed

ConfirmMessage

No

Confirmation Message for this shortcut

Inline

No

Future Reference

<apex:actionFunction name="QuickSave" action="{!QuickSave}"/>

<STEROID:Shortcut Runtime="{!Runtime}" Sequence="Ctrl-Q" KeyAction="QuickSave" Label="Quick Save" Message="Performing Quick Save

"

/>

Use this component to create keyboard shortcuts

STEROID World’s-first custom components framework for Force.com
STEROID
World’s-first custom components framework for Force.com

STEROID Step

Step component creates a step in a wizard.

Name

Description

Attributes

Syntax

When to use

Step

Creates a step in a wizard.

Step supports 7 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

Heading

No

Step Heading

Position

Yes

Step Position

Mode

No

Step Mode

Columns

No

Number of Columns

FieldsList

Yes

The list of fields for the step

Guidance

No

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

STEROID World’s-first custom components framework for Force.com
STEROID
World’s-first custom components framework for Force.com

STEROID Sticky

Sticky component displays contextual business notifications

Name

Description

Attributes

Syntax

When to use

Sticky

Displays contextual business notifications

Sticky supports 9 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

Title

No

Title

Message

Yes

Message

Condition

Yes

Business Condition

Position

No

Display Position

Width

No

Sticky width

Height

No

Sticky Height

BodyColor

No

Body Color

TextColor

No

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

STEROID World’s-first custom components framework for Force.com
STEROID
World’s-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

Syntax

When to use

Text Hover

Loads a Popup with supplied text

Text Hover supports 7 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

Anchor

Yes

Id of the field for the Popup

Text

Yes

Text for the Popup

Title

Yes

Title for the Popup window

Width

No

Width of the popup window

FrameColor

No

Popup frame color

BodyColor

No

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

STEROID World’s-first custom components framework for Force.com
STEROID
World’s-first custom components framework for Force.com

STEROID Wizard

Wizard component creates a multi-page wizard with navigational controls

Name

Description

Attributes

Syntax

When to

use

Wizard

Creates a multi-page wizard with navigational controls

Wizard supports 8 attributes

Name

Required?

Sample

Runtime

Yes

Runtime=”{!Runtime}”

Steps

Yes

Number of Wizard Steps

Title

Yes

Title

SubTitle

Yes

SubTitle

HeaderBackground

No

Header Background

HeaderColor

No

Header Text Color

BodyBackground

No

Body Background Color

BodyColor

No

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