Example on Components – Input Output pageBlockSection

<apex:page showHeader="true" sidebar="false" tabStyle="Account">
    <apex:form >
        
    	<apex:sectionHeader title="My Page" description="" subtitle="Student" help="/apex/FirstPage">  <!-- {!flag} -->
    	</apex:sectionHeader>
        
        <apex:pageBlock title="My Block without Content"></apex:pageBlock>
        
        <apex:pageBlock title="Block to demo INput Output Comp" helpTitle="Block Help" helpUrl="/apex/DemoPage">
            <apex:pageBlockSection columns="1" title="one column" collapsible="false">
                <apex:outputLabel >My Name</apex:outputLabel>
                <apex:inputText /> 
                <apex:outputLabel >About Me</apex:outputLabel>
                <apex:inputTextarea />  
                
                <apex:outputLabel value="Password"></apex:outputLabel>
                <apex:inputSecret />   
                
                <apex:outputLabel value="Description"></apex:outputLabel>
                <apex:inputTextarea cols="10" rows="3"/> <br/>
                <apex:outputLabel value="City"></apex:outputLabel>
                <apex:inputText maxlength="5"/>
            </apex:pageBlockSection>  
            
             <apex:pageBlockSection columns="4" title="four columns">
                <apex:outputLabel >My Name</apex:outputLabel>
                <apex:inputText /> 
                <apex:outputLabel >About Me</apex:outputLabel>
                <apex:inputTextarea />  
                
                <apex:outputLabel value="Password"></apex:outputLabel>
                <apex:inputSecret />   
                
                <apex:outputLabel value="Description"></apex:outputLabel>
                <apex:inputTextarea cols="10" rows="3"/> <br/>
                <apex:outputLabel value="City"></apex:outputLabel>
                <apex:inputText maxlength="5"/>
            </apex:pageBlockSection> 
        </apex:pageBlock>    
   </apex:form>     
</apex:page>

Related posts

Leave a Comment