I am using a apex:inputField in my vf page. This apex:inputField is in page block with apex:inputField their is also a apex:selectOption, to reduce the space between these 2 fields i put them in a apex:pageBlockSectionItem, now these fields are closer to each other but the label of the field is not get displayed.

My code:


         <apex:inputField value="{!Event.StartDate_forEvent__c}" required="true" label="Start"> 
            <apex:actionSupport event="onchange" rerender="Event_view" action="{!rerender}">
                <apex:param name="startDate_VF" value="{!Event.StartDate_forEvent__c}" assignTo="{!startDate_VF}"/>

        <apex:selectList id="chooseStartTime" value="{!startTime_FromVf}" size="1">
            <apex:selectOption itemValue="01:00" itemLabel="01:00"/>
            <apex:selectOption itemValue="01:30" itemLabel="01:30"/>
            <apex:selectOption itemValue="02:00" itemLabel="02:00"/>
            <apex:selectOption itemValue="02:30" itemLabel="02:30"/>
            <apex:selectOption itemValue="03:00" itemLabel="03:00"/>
            <apex:selectOption itemValue="03:30" itemLabel="03:30"/>
            <apex:selectOption itemValue="04:00" itemLabel="04:00"/>
            <apex:selectOption itemValue="04:30" itemLabel="04:30"/>
            <apex:selectOption itemValue="05:00" itemLabel="05:00"/>
            <apex:selectOption itemValue="05:30" itemLabel="05:30"/>
            <apex:selectOption itemValue="06:00" itemLabel="06:00"/>
            <apex:selectOption itemValue="06:30" itemLabel="06:30"/>
            <apex:selectOption itemValue="07:00" itemLabel="07:00"/>
            <apex:selectOption itemValue="07:30" itemLabel="07:30"/>
            <apex:selectOption itemValue="08:00" itemLabel="08:00"/>
            <apex:selectOption itemValue="08:30" itemLabel="08:30"/>
            <apex:selectOption itemValue="09:00" itemLabel="09:00"/>
            <apex:selectOption itemValue="09:30" itemLabel="09:30"/>
            <apex:selectOption itemValue="10:00" itemLabel="10:00"/>
            <apex:selectOption itemValue="10:30" itemLabel="10:30"/>
            <apex:selectOption itemValue="11:00" itemLabel="11:00"/>
            <apex:selectOption itemValue="11:30" itemLabel="11:30"/>
            <apex:selectOption itemValue="12:00" itemLabel="12:00"/>
            <apex:selectOption itemValue="12:30" itemLabel="12:30"/>
            <apex:selectOption itemValue="13:00" itemLabel="13:00"/>
            <apex:selectOption itemValue="13:30" itemLabel="13:30"/>
            <apex:selectOption itemValue="14:00" itemLabel="14:00"/>
            <apex:selectOption itemValue="14:30" itemLabel="14:30"/>
            <apex:selectOption itemValue="15:00" itemLabel="15:00"/>
            <apex:selectOption itemValue="15:30" itemLabel="15:30"/>
            <apex:selectOption itemValue="16:00" itemLabel="16:00"/>
            <apex:selectOption itemValue="16:30" itemLabel="16:30"/>
            <apex:selectOption itemValue="17:00" itemLabel="17:00"/>
            <apex:selectOption itemValue="17:30" itemLabel="17:30"/>
            <apex:selectOption itemValue="18:00" itemLabel="18:00"/>
            <apex:selectOption itemValue="18:30" itemLabel="18:30"/>
            <apex:selectOption itemValue="19:00" itemLabel="19:00"/>
            <apex:selectOption itemValue="19:30" itemLabel="19:30"/>
            <apex:selectOption itemValue="20:00" itemLabel="20:00"/>
            <apex:selectOption itemValue="20:30" itemLabel="20:30"/>
            <apex:selectOption itemValue="21:00" itemLabel="21:00"/>
            <apex:selectOption itemValue="21:30" itemLabel="21:30"/>
            <apex:selectOption itemValue="22:00" itemLabel="22:00"/>
            <apex:selectOption itemValue="22:30" itemLabel="22:30"/>
            <apex:selectOption itemValue="23:00" itemLabel="23:00"/>
            <apex:selectOption itemValue="23:30" itemLabel="23:30"/>
            <apex:selectOption itemValue="00:00" itemLabel="00:00"/>
            <apex:selectOption itemValue="00:30" itemLabel="00:30"/>
            <apex:actionSupport event="onchange" rerender="chooseEndTime" action="{!addDate}">


Does anybody tell me what need to be done to get the label displayed. i am also using label in apex:inputField.

Edited: I put the outputtext outside the panal. But even then i am getting time and date inputtext in a row i need then in a column.

Now it is look like

enter image description here


See this documentation link

Note that if you include an <apex:outputField> or an <apex:inputField> component in an <apex:pageBlockSectionItem>, these components do not display with their label or custom help text as they do when they are children of an <apex:pageBlockSectionItem>. Also note that <apex:pageBlockSectionItem> components cannot be rerendered; rerender the child components instead.

Not to worry though! Just do this:

<apex:outputLabel value="[Label value goes here]" for="[inputText's ID goes here]"/>
<apex:inputText value="{![your value goes here]}" id="[inputText's ID goes here]"/> 

Note however that you can only have two items inside a pageBlockSection item, so you may need to rework your page a little

EDIT: On that note, one way to get round the two item limit would be to use


...to bunch items together

  • yes i did it before. But the problem with this is it display the field in Row. I need them is a column.
    – AnuRaj
    Mar 11 '13 at 5:27
  • It will work Anu raj Just give the no of columns in pageblocksection columns attribute.if not working can u just write code here with apex:outputlabel
    – Pankaj
    Mar 11 '13 at 6:17

You can use apex:outputLabel instead

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.