+ Start a Discussion
Itayb34Itayb34 

Align Visualforce Page

Hello

 

I've added a visualforce section to my case page layout, and the section is not aligned propertly (not according to each of the columns

What's the best way to align it according to the columns??

 

Visualforce:

<apex:page standardController="Case" extensions="stampLoginDetailsforPortalUser">
<apex:pageMessages />
<apex:pageBlock mode="maindetail" rendered="{!loginInfo.size >0}">
<apex:pageBlockTable value="{!loginInfo}" var="a" >
<apex:column headerValue="Last Login" value="{!a.LastLoginDate}"/>
<apex:column headerValue="IsActive" value="{!a.IsActive}"/>
</apex:pageBlockTable>
</apex:pageBlock>
</apex:page>

 

 I posted the current situation: 

http://i46.tinypic.com/8xtpgn.jpg

 

Thanks!

 

Itay

sfdcfoxsfdcfox

Set the width of the table to 100%, and the width of each column to 50%.

Itayb34Itayb34

that doesn't affect the block...

I tried also using style="width:200%" on each column and it affected the columns, but not on the block location.

What i would like to see is block starts right below "Opportunity Name" field (in the screenshot I attached you can see the skew)

Itayb34Itayb34

Technically, I would like these two fields to be displayed like this:

http://i46.tinypic.com/333zsbp.jpg

 

Not sure how to do so... I don't mind that the last two fields ("Last login" and "is active") will be wrapped in a frame, but the alignment to the rest of the fields in the page is critical...