Apex Code Development You need to sign in to do that
Don't have an account?
Charu Rani How to allign outputfield inside a pageblock table in center
<apex:column headerValue="Weekdays" headerClass="clsCenter">
{!dayslst.Day}----------------------------------------> CAN WE MAKE ANY STYLE OR CSS TO PUT THIS TEXT IN THE MIDDLE OF COLUMn IN PAGEBLOCK TABLE
</apex:column>
<apex:column headerValue="Start" headerClass="clsCenter">
<span style="color:red; font-weight: bold ; vertical-align:Center ; horizontal-align:Center">
<apex:outputField value="{!timesheet[dayWithApiname[dayslst.Day]]}">--------------------->>>> CAN WE MAKE ANY STYLE OR CSS TO PUT THIS FIELD IN THE MIDDLE OF COLUMn IN PAGEBLOCK TABLE
<apex:inlineEditSupport showOnEdit="saveButton, cancelButton" hideOnEdit="editButton" event="ondblclick" changedStyleClass="myBoldClass" resetFunction="resetInlineEdit"/>
</apex:outputField>
</span>
</apex:column>
{!dayslst.Day}----------------------------------------> CAN WE MAKE ANY STYLE OR CSS TO PUT THIS TEXT IN THE MIDDLE OF COLUMn IN PAGEBLOCK TABLE
</apex:column>
<apex:column headerValue="Start" headerClass="clsCenter">
<span style="color:red; font-weight: bold ; vertical-align:Center ; horizontal-align:Center">
<apex:outputField value="{!timesheet[dayWithApiname[dayslst.Day]]}">--------------------->>>> CAN WE MAKE ANY STYLE OR CSS TO PUT THIS FIELD IN THE MIDDLE OF COLUMn IN PAGEBLOCK TABLE
<apex:inlineEditSupport showOnEdit="saveButton, cancelButton" hideOnEdit="editButton" event="ondblclick" changedStyleClass="myBoldClass" resetFunction="resetInlineEdit"/>
</apex:outputField>
</span>
</apex:column>
You can change the Style in Page Blocktable.
Check the below links.
http://www.eltoro.it/ArticleViewer?id=a07A000000NPRimIAH
http://mindfiresfdcprofessionals.wordpress.com/2013/09/30/salesforce-ui-styles-with-a-custom-html-table/
Yes this is possible, you have to create a css class in your VF page. And then include in apex:column
Like this
<apex:page standardController="Account" extensions="AccountContacts">
<style>
.ct{
text-align:center;
}
</style>
<apex:form id="frm">
<apex:pageBlock title="Accounts Info">
<apex:pageBlockTable value="{!lstacc}" var="lacc">
<apex:column headerValue="Name" headerClass="ct">
<apex:commandLink value="{!lacc.name}" onclick="show('{!lacc.id}'); return false;"/>
</apex:column>
<apex:column value="{!lacc.type}"/>
</apex:pageBlockTable>
</apex:pageBlock>
</apex:form>
</apex:page>
let us know if you have any question .
please don't Forget to Mark this as your best answer if it works fine for you
Regards,
Grazitti Team
Web: www.grazitti.com