You need to sign in to do that
Don't have an account?
SFDC coder
how to align a command button in center?
Hi all,
i am trying to align my command button in center but its not working i have used all the css properties like align and float in my output panel but still its not working
any help would be appreciated
thanks
i am trying to align my command button in center but its not working i have used all the css properties like align and float in my output panel but still its not working
<apex:page controller="VistAudit_VFC" action="{!createData}"> <apex:form > <apex:outputLabel value="Audit Visit" style="font-family:Times New Roman;font-size:15px"> </apex:outputLabel><br></br> <apex:outputPanel style="float:centre"> <apex:commandButton value="Save" action="{!save}"/> </apex:outputPanel> </apex:page>
any help would be appreciated
thanks
like
<div align="center" draggable="false" >
<apex:commandButton value="Save" action="{!save}"/>
</div>
All Answers
like
<div align="center" draggable="false" >
<apex:commandButton value="Save" action="{!save}"/>
</div>
So please suggest me to allign those command buttomns in the cente side by side..
Thanks in Advance,
Anji K..
<div align="Center">
<apex:outputPanel>
<apex:commandButton action="{!<your action>}" value="Button1" id = "btn1" />
<apex:commandButton action="{!<your action>}"value="Button2" id="btn2"/>
<apex:commandButton action="{!<your action>}" value="Button3" id="btn3"/>
</apex:outputPanel>
</div>
Example:
<apex:pageBlockSection columns="3">
<apex:outputPanel></apex:outputPanel>
<apex:outputPanel>Your Buttons Code here</apex:outputPanel>
<apex:outputPanel></apex:outputPanel>
</apex:pageBlockSection/>
<apex:pageBlockButtons>
<apex:pageBlockSection columns="3">
<apex:outputPanel></apex:outputPanel>
<apex:outputPanel>Your Buttons Code here</apex:outputPanel>
<apex:outputPanel></apex:outputPanel>
</apex:pageBlockSection/>