-
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 9 years ago by Suyash.
-
This reply was modified 9 years 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
What are Validation Rules in Salesforce? | All You Need to Know
The main purpose of using the Salesforce Validation rule verifies that the data a user enters in a record meets the standards you specify before…
Salesforce Summer ’21 Release - Highlights You Need to Know About
It’s time for Salesforce’s Summer ’21 Release! Salesforce has once again built a bunch of new features and improvements to ensure we, the users and…
How to Clone a Record In Apex?
What is Clone Record in Apex? The clone() method in Salesforce Apex makes a duplicate of the sObject record. There are four Boolean-type optional parameters…
