Tuesday, June 17, 2014

How to use apex:outputLabel in Visualforce Page?

How to use <apex:outputLabel>  in Visualforce Page?

<apex:outputLabel> :
A label for an input or output field. Use this component to provide a label for a controller method that does not correspond to a field on a Salesforce object. 

Syntax:
<apex:outputLabel value="Checkbox" for="theCheckbox"/>
<apex:inputCheckbox value="{!inputValue}" id="theCheckbox"/> 

This tag supports following attributes:
Attribute
Description
accesskey
The keyboard access key that puts the label and its associated field in focus.
dir
The direction in which the generated HTML component should be read. Possible values include "RTL" (right to left) or "LTR" (left to right).
escape
A Boolean value that specifies whether sensitive HTML and XML characters should be escaped in the HTML output generated by this component. If not specified, this value defaults to true. For example, the only way to add a ">" symbol to a label is by using the symbol's character escape sequence and setting escape="false". If you do not specify escape="false", the character escape sequence displays as written.
for
The ID of the component with which the label should be associated. When the label is in focus, the component specified by this attribute is also in focus.
id
An identifier that allows the label component to be referenced by other components in the page.
lang
The base language for the generated HTML output, for example, "en" or "en-US".
onblur
The JavaScript invoked if the onblur event occurs that is, if the focus moves off of the label.
onclick
The JavaScript invoked if the onclick event occurs that is, if the user clicks the label.
ondblclick
The JavaScript invoked if the ondblclick event occurs that is, if the user clicks the label twice.
onfocus
The JavaScript invoked if the onfocus event occurs that is, if the focus is on the label.
onkeydown
The JavaScript invoked if the onkeydown event occurs that is, if the user presses a keyboard key.
onkeypress
The JavaScript invoked if the onkeypress event occurs that is, if the user presses or holds down a keyboard key.
onkeyup
The JavaScript invoked if the onkeyup event occurs that is, if the user releases a keyboard key.
onmousedown
The JavaScript invoked if the onmousedown event occurs that is, if the user clicks a mouse button.
onmousemove
The JavaScript invoked if the onmousemove event occurs that is, if the user moves the mouse pointer.
onmouseout
The JavaScript invoked if the onmouseout event occurs that is, if the user moves the mouse pointer away from the label.
onmouseover
The JavaScript invoked if the onmouseover event occurs that is, if the user moves the mouse pointer over the label.
onmouseup
The JavaScript invoked if the onmouseup event occurs that is, if the user releases the mouse button.
rendered
A Boolean value that specifies whether the component is rendered on the page. If not specified, this value defaults to true.
style
The style used to display the label component, used primarily for adding inline CSS styles.
styleClass
The style class used to display the label component, used primarily to designate which CSS styles are applied when using an external CSS stylesheet.
tabindex
The order in which this label is selected compared to other page components when a user presses the Tab key repeatedly. This value must be an integer between 0 and 32767, with component 0 being the first component that is selected when a user presses the Tab key.
title
The text to display as a tooltip when the user's mouse pointer hovers over this component.
value
The text displayed as the label.



Visualforce Example:

<apex:page standardController="Opportunity" tabStyle="Opportunity"> 
<apex:form > 
<apex:pageBlock >
<apex:outputLabel value="Opp Name" for="theName"/>
<apex:inputtext value="{!opportunity.name}" id="theName"/>
</apex:pageBlock> 
</apex:form>
</apex:page>



save image





0 comments:

Post a Comment

 
| ,