-
How to align pageBlockButtons left or right in a pageBlock?
How to align pageBlockButtons left or right or center in a pageBlock?
<apex:pageBlock id="buttons">
<apex:pageBlockButtons >
<apex:commandButton action="{!doRedirect}" value="clickToRedirect"/>
</apex:pageBlockButtons>
</apex:pageBlock> -
4 Replies
-
Hello Ravi,
Apex pageblock buttons and commadbuttons gets its default css styles applied when its rendered. you can use chrome dev tools or firebug to findout the css classes and override them in your vf page.
Thanks.
-
Thanks, Suyash for your help but i already tried firebug to override salesforce css classes but it did not work.
-
Hi Ravi,
Can you just provide your code for override css because I am able to do it simply in my case. As in my case override it as:
.listRelatedObject .bPageBlock .pbHeader .btn, .listRelatedObject .bPageBlock .pbBottomButtons .btn, .apexp .bPageBlock .pbHeader .btn, .apexp .bPageBlock .pbBottomButtons .btn, div.buttons .btn, div.pbBottomButtons>.btn {
margin-left: 197px;
margin-right: 3px;Thanks.
-
This reply was modified 8 years, 11 months ago by Suyash.
-
This reply was modified 8 years, 11 months ago by
-
Use html-align attribute to display the button on right hand side.
For Example:
<apex:pageBlockButtons location="bottom" html-align="right">
<apex:commandButton action="{!saveMyDetails}" value="Save My Details"/>
</apex:pageBlockButtons>
Log In to reply.
Popular Salesforce Blogs
6 Ways to Make the Most Out of WordPress Salesforce Integration
Salesforce is among the robust CRMs available in the market. It offers many tools for storing and organizing your company’s data as well as your…
How and When to Use These Four Salesforce Automation Tools
One of the reasons that Salesforce has become the No. 1 CRM in the world (by twice its nearest competitor) is the power it puts…
Creating Reports in Salesforce: Most Important Aspects
The time has come. Your business begins to ask questions, and the data you have collected has the answers. You need the information to help…
