+ Start a Discussion
uHaveOptionsuHaveOptions 

Visualforce InputField Picklist Value Alignment Issue

I'm trying to align my Input picklist fields and making all the box the same size.  I'm blanking out. Wondering what I am missing.  I already tried floater, align right... no luck.  Any guidance is appreciated.  Also, I find it weird that my VFpage only shows 3 lines of data in Primary focus vs lending footprint.  Where the visible llines I inputed was 10... weird.
 
<apex:pageBlockSection columns="2">    
                
    <apex:pageBlockSectionItem HelpText="!$ObjectType.Account_Update__c.fields.Primary_Focus__c.inlineHelpText}">
        <apex:outputLabel value="Primary Focus" for="{!accountUpdate.Primary_Focus__c}" style="font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;"/>
        <apex:inputField value="{!accountUpdate.Primary_Focus__c}" styleClass="col-md-8" style="width:85%;"/>   
    </apex:pageBlockSectionItem>
                    
    <apex:pageBlockSectionItem HelpText="!$ObjectType.Account_Update__c.fields.Lending_Footprint__c.inlineHelpText}">
        <apex:outputLabel value="Lending Footprint" for="{!accountUpdate.Lending_Footprint__c}" style="font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;"/>
        <apex:inputField value="{!accountUpdate.Lending_Footprint__c}" styleClass="col-md-8" style="width:100%;"/>   
    </apex:pageBlockSectionItem>
                    
    <apex:pageBlockSectionItem HelpText="!$ObjectType.Account_Update__c.fields.Min_Project_Deal_Size_txt__c.inlineHelpText}">
        <apex:outputLabel value="Min Loan Size" for="{!accountUpdate.Min_Project_Deal_Size_txt__c}" style="font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;"/>
        <apex:inputField value="{!accountUpdate.Min_Project_Deal_Size_txt__c}" styleClass="col-md-8" style="width:100%;"/>   
    </apex:pageBlockSectionItem>
                    
    <apex:pageBlockSectionItem HelpText="{!$ObjectType.Account_Update__c.fields.Max_Project_Deal_Size_txt__c.inlineHelpText}">
        <apex:outputLabel value="Max Loan Size" for="{!accountUpdate.Max_Project_Deal_Size_txt__c}" style="font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;  font-size: 14px;"/>
        <apex:inputField value="{!accountUpdate.Max_Project_Deal_Size_txt__c}" styleClass="col-md-8" style="width:100%;"/>   
    </apex:pageBlockSectionItem>
                    
    <apex:pageBlockSectionItem HelpText="{!$ObjectType.Account_Update__c.fields.Loan_Term__c.inlineHelpText}">
        <apex:outputLabel value="Loan Term" for="{!accountUpdate.Loan_Term__c}" style="font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;"/>
        <apex:inputField value="{!accountUpdate.Loan_Term__c}" styleClass="col-md-6" style="width:100%;"/>   
    </apex:pageBlockSectionItem>
User-added image
 
sfdcMonkey.comsfdcMonkey.com
Hi jon, try below code :
<apex:pageBlockSection columns="1">    
                
    <apex:pageBlockSectionItem HelpText="!$ObjectType.Account_Update__c.fields.Primary_Focus__c.inlineHelpText}">
        <apex:outputLabel value="Primary Focus" for="{!accountUpdate.Primary_Focus__c}" style="font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;"/>
        <apex:inputField value="{!accountUpdate.Primary_Focus__c}"  style="width:85%;"/>   
    </apex:pageBlockSectionItem>
                    
    <apex:pageBlockSectionItem HelpText="!$ObjectType.Account_Update__c.fields.Lending_Footprint__c.inlineHelpText}">
        <apex:outputLabel value="Lending Footprint" for="{!accountUpdate.Lending_Footprint__c}" style="font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;"/>
        <apex:inputField value="{!accountUpdate.Lending_Footprint__c}"  style="width:85%;"/>   
    </apex:pageBlockSectionItem>
                    
    <apex:pageBlockSectionItem HelpText="!$ObjectType.Account_Update__c.fields.Min_Project_Deal_Size_txt__c.inlineHelpText}">
        <apex:outputLabel value="Min Loan Size" for="{!accountUpdate.Min_Project_Deal_Size_txt__c}" style="font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;"/>
        <apex:inputField value="{!accountUpdate.Min_Project_Deal_Size_txt__c}"  style="width:85%;"/>   
    </apex:pageBlockSectionItem>
                    
    <apex:pageBlockSectionItem HelpText="{!$ObjectType.Account_Update__c.fields.Max_Project_Deal_Size_txt__c.inlineHelpText}">
        <apex:outputLabel value="Max Loan Size" for="{!accountUpdate.Max_Project_Deal_Size_txt__c}" style="font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;  font-size: 14px;"/>
        <apex:inputField value="{!accountUpdate.Max_Project_Deal_Size_txt__c}"  style="width:85%;"/>   
    </apex:pageBlockSectionItem>
                    
    <apex:pageBlockSectionItem HelpText="{!$ObjectType.Account_Update__c.fields.Loan_Term__c.inlineHelpText}">
        <apex:outputLabel value="Loan Term" for="{!accountUpdate.Loan_Term__c}" style="font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;"/>
        <apex:inputField value="{!accountUpdate.Loan_Term__c}"  style="width:85%;"/>   
    </apex:pageBlockSectionItem>
    </apex:pageBlockSection>
Thanks
let us know if it helps you
 
uHaveOptionsuHaveOptions
I currently have 2 columns and only showed 1.  Unfortunately, removing the styleclass and adjusting to 85% doesn't work. I have more input fields I just a small portion. Any other ideas?