Skip to main content
Topics#VisualforcePergunta de John Neff
John Neff (Ring2Media) perguntou em #Visualforce
27 de fev. de 2015, 20:36

How do I algin elements in a panelGrid?

Hello!

I have four pageblocks inside a panelGrid.  How can I edit the style of the panel grid so that no matter the height of any of the elements on the panelGrid row, the pageBlocks always align at the top of the cell?

I have tried adding: 

 

.panelclass {
    vertical-align: top;
}

to my CSS as well as: 

 

.foo td {
    vertical-align: top;
}

and referencign them both in the panelGrid to no avail.  C

Does anyone happen to know how to do this?

Thanks,

John
1 resposta
  1. Abhi Tripathi (Amazon.com)
    1 de mar. de 2015, 11:59
    Hi John,

    If I am not getting wrong, you want all the pageBlock in top right ?

    So put columns in you panelgrid according to the count of your pageblocks, 

    Like this, 

    <apex:page >
        <apex:panelGrid columns="4" id="theGrid" >
            <APEX:PAGEBLock>
                TESTING 
            </APEX:PAGEBLock>
             <APEX:PAGEBLock>
                TESTING  22222222222222222222222222222222222222222222222222222222
            </APEX:PAGEBLock>
             <APEX:PAGEBLock>
                TESTING 3333
            </APEX:PAGEBLock>
             <APEX:PAGEBLock>
                TESTING  4444
            </APEX:PAGEBLock>
        </apex:panelGrid>
    </apex:page>

    It shows something like this

    Hi John,If I am not getting wrong, you want all the pageBlock in top right ?

    Regards,

    Abhi Tripathi

    Salesforce Developer

    http://abhithetechknight.blogspot.in/

     
Escrever uma resposta...
0/9000