This component is used to set the label for any
component in the page. Its for attribute is used to decide the component
for which it is label. In the for attribute the id for that component is
set. This is same as html label tag. This component also has ability to be visible or not visible according
to the role of the user. In the same way, it also has the ability to be enable
or disable according to the user role. This component also has the capability
to render the id for the component just the same as we have mentioned in the id
attribute of the tag. Normally the naming system of JSF renders the id for the
component with some additional text, typically with id of the form as prefix.
But this component has an attribute forceId which forces the component to render
the same id mentioned in the id attribute.
Code Description :
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%> <%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%> <f:view>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>t:outputLabel example</title>
<style type="text/css">
<!--
body{
background-color:#fff2f2;
margin-top:30;
}
.inputstyle{
background-color:#99CCFF;
}
-->
</style>
</head>
<body ><center>
<t:outputLabel id="ol" for="it"
value="Enter your name"
style="color:green;font-weight:bold"
title=" 'Enter your name' is label for the input box ahead."/>
<t:inputText id="it" styleClass="inputstyle"/>
</center></body>
</html>
</f:view>
|
Rendered Output :

Html Source Code :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>t:outputLabel example</title>
<style type="text/css">
<!--
body{
background-color:#fff2f2;
margin-top:30;
}
.inputstyle{
background-color:#99CCFF;
}
-->
</style>
</head>
<body ><center>
<label id="ol" title=" 'Enter your name' is label for the input box ahead."
style="color:green;font-weight:bold"
for="it">Enter your name</label>
<input id="it" name="it" type="text" value="" class="inputstyle" />
</center><!-- MYFACES JAVASCRIPT -->
</body>
</html>
|
This tag contains attributes given below :
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Ask Questions? Discuss: Tomahawk outputLabel tag
Post your Comment