Hi All,

I used the below code to re render the pageBlockSection whenever I choose the relevant picklist. I achieved that thing but what i'm facing is alignment issue.

This is the VF Code i'm using it,
 

<apex:page standardController="Contact">
    <apex:form>
        <apex:pageBlock mode="edit">
            <apex:outputPanel>
                <apex:outputPanel>
                    <apex:pageBlockSection title="Audit Information" columns="1" collapsible="false" >
                        <apex:pageBlockSection columns="1">
                            <apex:inputfield value="{!contact.Languages__c}"/>
                            <apex:outputPanel layout="none">
                                    <apex:actionRegion>
                                        <apex:pageBlockSection>
                                            <apex:inputField value="{!contact.Choose_Number__c}" label="### ##### ### ######## ######## #### ### #### ## ####? ## ###, ###### ##### ##### ### #### ######### ##########  ### ######## ### #### ##### ### #### ######">
                                                <apex:actionSupport event="onchange" reRender="testRender"/>
                                            </apex:inputField>
                                        </apex:pageBlockSection>
                                    </apex:actionRegion>
                            </apex:outputPanel>
                            <apex:inputField value="{!contact.By_Mistake__c	}" />
                            <apex:inputField value="{!contact.Title}"/>
                            <apex:inputField value="{!contact.MobilePhone}"/>
                        </apex:pageBlockSection>
                        <apex:pageBlockSection columns="1">
                            <apex:inputField value="{!contact.Email}" />
                            <apex:inputField value="{!contact.Phone}" />
                            <apex:inputField value="{!contact.Title}" />
                        </apex:pageBlockSection>
                        <apex:outputPanel id="testRender">
                            <apex:pageBlockSection/>
                            <apex:pageBlockSection title="Show PageBlockSection" collapsible="false" rendered="{!contact.Choose_Number__c == 'Four'}" >
                            </apex:pageBlockSection>
                        </apex:outputPanel>
                    </apex:pageBlockSection>
                </apex:outputPanel>
            </apex:outputPanel>
        </apex:pageBlock>
    </apex:form>
</apex:page>

The output for the above code is shown below,



I want to align the multipicklist just like other fields are. Could anyone please help me how to achieve this one?

Hi All,
I need to show display the pageblocksection based on multiselect picklist chosen.
Say for the example, I have the custom multipicklist field in contact object, where the values are one, two, three.
Whenever i choose "One" Option corresponding page block must be showned.
 

<apex:page standardController="Contact" showHeader="false">
    <apex:pageBlock >
        <apex:pageBlockSection >
            <apex:inputField value="{!contact.Choose_Number__c}">
                <apex:actionSupport event="onchange" reRender="prd" />
            </apex:inputField>
        </apex:pageBlockSection>
        <apex:pageBlockSection title="Product Test" id="prd" rendered="{!contact.Choose_Number__c == 'One'}">
        </apex:pageBlockSection>
    </apex:pageBlock>
    </apex:form>
</apex:page>

Whenever i choose or Move "One" option from Available to Chosen, Pageblocksection need to be display. 
 

Hi All,

I used the below code to re render the pageBlockSection whenever I choose the relevant picklist. I achieved that thing but what i'm facing is alignment issue.

This is the VF Code i'm using it,
 

<apex:page standardController="Contact">
    <apex:form>
        <apex:pageBlock mode="edit">
            <apex:outputPanel>
                <apex:outputPanel>
                    <apex:pageBlockSection title="Audit Information" columns="1" collapsible="false" >
                        <apex:pageBlockSection columns="1">
                            <apex:inputfield value="{!contact.Languages__c}"/>
                            <apex:outputPanel layout="none">
                                    <apex:actionRegion>
                                        <apex:pageBlockSection>
                                            <apex:inputField value="{!contact.Choose_Number__c}" label="### ##### ### ######## ######## #### ### #### ## ####? ## ###, ###### ##### ##### ### #### ######### ##########  ### ######## ### #### ##### ### #### ######">
                                                <apex:actionSupport event="onchange" reRender="testRender"/>
                                            </apex:inputField>
                                        </apex:pageBlockSection>
                                    </apex:actionRegion>
                            </apex:outputPanel>
                            <apex:inputField value="{!contact.By_Mistake__c	}" />
                            <apex:inputField value="{!contact.Title}"/>
                            <apex:inputField value="{!contact.MobilePhone}"/>
                        </apex:pageBlockSection>
                        <apex:pageBlockSection columns="1">
                            <apex:inputField value="{!contact.Email}" />
                            <apex:inputField value="{!contact.Phone}" />
                            <apex:inputField value="{!contact.Title}" />
                        </apex:pageBlockSection>
                        <apex:outputPanel id="testRender">
                            <apex:pageBlockSection/>
                            <apex:pageBlockSection title="Show PageBlockSection" collapsible="false" rendered="{!contact.Choose_Number__c == 'Four'}" >
                            </apex:pageBlockSection>
                        </apex:outputPanel>
                    </apex:pageBlockSection>
                </apex:outputPanel>
            </apex:outputPanel>
        </apex:pageBlock>
    </apex:form>
</apex:page>

The output for the above code is shown below,



I want to align the multipicklist just like other fields are. Could anyone please help me how to achieve this one?

Hi All,
I need to show display the pageblocksection based on multiselect picklist chosen.
Say for the example, I have the custom multipicklist field in contact object, where the values are one, two, three.
Whenever i choose "One" Option corresponding page block must be showned.
 

<apex:page standardController="Contact" showHeader="false">
    <apex:pageBlock >
        <apex:pageBlockSection >
            <apex:inputField value="{!contact.Choose_Number__c}">
                <apex:actionSupport event="onchange" reRender="prd" />
            </apex:inputField>
        </apex:pageBlockSection>
        <apex:pageBlockSection title="Product Test" id="prd" rendered="{!contact.Choose_Number__c == 'One'}">
        </apex:pageBlockSection>
    </apex:pageBlock>
    </apex:form>
</apex:page>

Whenever i choose or Move "One" option from Available to Chosen, Pageblocksection need to be display.