Another Salesforce blog!!!

Salesforce, Apex

Position elements side by side within a single pageBlockSection column


LINK

<apex:pageBlockSection title="Search Payment" columns="2" id="pbs0">
                <!--script>twistSection(document.getElementById("{!$Component.pb0.pbs0}").childNodes[0].childNodes[0]); </script-->
                
                <apex:inputField value="{!PaymentResponseObj.Source_System__c}" />
                <apex:inputField value="{!PaymentResponseObj.Invoice_Number__c}" />
                <!--apex:inputField value="{!PaymentResponseObj.Invoice_Date__c}" label="Invoice Date" /-->
                 
                <!--apex:pageblockSection >  
                    <apex:inputField value="{!PaymentResponseObj.Invoice_Date__c}" label="From Invoice Date" /> 
                    
                    <apex:inputText value="{!invoiceDateTo}" id="dateTo" label="To Invoice Date" onfocus="DatePicker.pickDate(false, this, false);">
                        <apex:param value="{!invoiceDateTo}"  />
                    </apex:inputText>  
                </apex:pageblockSection--> 
                <apex:pageBlockSectionItem>
                    <apex:outputLabel value="Invoice Date" for="first" />
                    <apex:panelGrid columns="2">
                        <apex:inputField value="{!PaymentResponseObj.Invoice_Date__c}" style="width: 140px;" html-placeholder="From Invoice Date"  />                        
                        <br></br>                    	
                        <apex:inputText value="{!invoiceDateTo}" id="dateTo" html-placeholder="To Invoice Date" onfocus="DatePicker.pickDate(false, this, false);">
                        	<apex:param value="{!invoiceDateTo}"  />
                    	</apex:inputText>
                    </apex:panelGrid>
                </apex:pageBlockSectionItem>
                
                
                
                <apex:inputField value="{!PaymentResponseObj.Vendor_Number__c}"/>
                <apex:inputField value="{!PaymentResponseObj.Vendor_Name__c}"/>
                <apex:inputField value="{!PaymentResponseObj.WBS__c}"/>
                <apex:inputField value="{!PaymentResponseObj.GL_Code__c}"/>
                <apex:inputField value="{!PaymentResponseObj.Cost_Center__c}"/>
                <apex:inputField value="{!PaymentResponseObj.Amount__c}"/>
                <apex:inputField value="{!PaymentResponseObj.Amount_Currency__c}" />
                <apex:inputField value="{!PaymentResponseObj.Custom_32__c}"/>
                <apex:inputField value="{!PaymentResponseObj.Rep__c}" />  
                <apex:selectList value="{!PaymentResponseObj.Payee_Country__c}" size="1" multiselect="false">
                    <apex:selectOptions value="{!listOfCountry}" />
                </apex:selectList>                  
                <apex:pageblockSectionItem > </apex:pageblockSectionItem> 
                <apex:pageblockSectionItem >
                    <apex:outputpanel >
                        <div style="text-align: right; margin-bottom: 10px;">
                            <apex:commandButton style="text-align: center;" reRender="pb0" value="Clear Search" action="{!reset}" />
                            &nbsp;&nbsp;<apex:commandButton reRender="pb0" value="Search" action="{!search}" status="blockElement"/>
                        </div>
                    </apex:outputpanel>
                </apex:pageblockSectionItem>
                <apex:pageblockSectionItem ></apex:pageblockSectionItem>                
            </apex:pageBlockSection> 

Leave a Reply

Your email address will not be published.

*