I'm trying to Rerender three of four columns, but because I can't use styleclass in divs and not reRender by styleClass but only Id, I don't know how can I achieve that.

I tried to put apex:pageBlock to wrap those divs with unique Id, but it ruins the bootstrap styled columns.

Anyone know how can I wrap those columns without ruins the bootstrap styling with some apex tag? or another idea...

Example :

<div class="row" dir="rtl" >
        <div class="col-md-4 form-group">
            <label class="control-label right-side" for="Product Items">Product Items:</label>
            <apex:selectList styleClass="form-control" size="1" value="{!productItemSelected}" id="selectedProductItemListId">
                <apex:selectOptions value="{!prdt222}" id="selectOptionsProductItemId"/>
                <apex:actionSupport action="{!checkProductPrice}" event="onchange" **reRender="????"** />
            <div class="col-md-2 form-group">
                <label class="control-label text-center" for="Product Items">Price:</label>
                <apex:input value="{!productItemPrice}" size="2" styleClass="form-control" ></apex:input>

            <div class="col-md-4 form-group">
                <label class="control-label" for="Product Items">Comments:</label>
                <apex:inputTextarea value="{!productItemComments}" styleClass="form-control">  </apex:inputTextarea>


            <div class="col-md-1 form-group"> 
                <label class="control-label" for="Product Items">Quantity:</label>
                <apex:input size="2" value="{!productItemQuantity}" styleClass="form-control" ></apex:input>


I want to rerender the 3 last col divs, How can I do it from the actionSupport rerender, without giving to each input a different id?



You can use apex:outputPanel to create div and then reRender it.

<apex:outputPanel layout="block" id="div1> </apex:outputPanel>

layout="block" will give you a div which you can use. You can add custom CSS class in styleclass attribute.

  • Thanks for answering! It does not help me, because it ruins my bootstrap styling. I just edited my question and added an example - if you can look at it, I would appreciate it very much.
    – Salvation
    Mar 4 '19 at 14:00

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.