function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Michael MMichael M 

How to adjust margins of VF page

Hello, How do I adjust the margins of my VF page? I have tried different things but none seem to work. the text starts all the way to the left side of the page and I want it to be indented, and I want the right margin also to stick out more. 

<apex:page standardcontroller="Lead" extensions="FinancialChecklistPageExtension" lightningStylesheets="true" action="{!firstScreen}">
    <style>
           .One
             {
            margin-left:30px;
            margin-right:30px;
            padding-left:30px;
            padding-right:30px;
        font-size:15px;
             }
    </style>
        <script type="text/javascript">
           function disableOnSubmit(input) {
            var btn = input;
            setTimeout(function(){ 
                btn.disabled = 'disabled';
               
                btn.className = 'btnDisabled';
                btn.value = "Processing..."; 
            }, 50);
        }
           function disableOnSubmit2(input) {
            var btn = input;
            setTimeout(function(){ 
                btn.disabled = 'disabled';
             
                btn.className = 'btnDisabled';
                btn.value = "Saving..."; 
            }, 50);
        }
    </script>
   
   
    <apex:form id="theForm" >
       
       <div align="center" draggable="false">
        <apex:outputPanel style="text-align:center;" rendered="{!IF(kansasSelected =false && njselected = false && nyselected = false && riselected = false,true,false)}">
          
            <br/><br/><br/><br/>
       <b>Which region is this for?<br/><br/></b> &nbsp;     <apex:selectList style="align:center;text-align:center" value="{!region}" multiselect="false" size="1">
                            <apex:selectOption itemValue="" itemLabel="--- Please Select ---"/>
                            <apex:selectOption itemValue="Kansas" itemLabel="Kansas"/>
                            <apex:selectOption itemValue="New Jersey" itemLabel="New Jersey"/>
                            <apex:selectOption itemValue="New York" itemLabel="New York"/>
                            <apex:selectOption itemValue="Rhode Island" itemLabel="Rhode Island"/>
                        </apex:selectList><br/><br/>    
            
                    <div align="center"  draggable="false" >
                        <apex:commandButton value="Next" action="{!showForm}" onclick="disableOnSubmit(this);" reRender="theForm" />
                    </div> 
        
            </apex:outputPanel> 
        </div>

         
 <!-- KANSAS -->    
        <apex:outputPanel styleClass="One" rendered="{!kansasSelected}" > 
                        <div style="text-align:center; font-size:18px">
                             <b><u>Kansas Finance Check List</u></b><br/> 
                        </div> 
                    <apex:repeat value="{!financialChecklistTemp}" var="fc">
                        
                        <div style="text-align:center;">
                            Created Date: <apex:inputField value="{!fc.CreatedDate}" /><br/><br/>
                        </div>
                        
                        <b>*All of these elements factor in whether or not the facility will get the Medicaid eligibility necessary</b>
                        <br/><br/>
                        
                        1. Is the patient alert and oriented?  If not, is there a POA, guardian, attorney or responsible family member to assist with Medicaid process?    
                        <apex:inputField value="{!fc.KS_Is_the_patient_alert_and_oriented__c}" /><br/>
                        2. Does patient/family have access to documents? (Birth Certificate, SS Card, ID’s, Insurance Cards, Marriage Cert, Divorce or Death Decrees, etc.)    
                        <apex:inputField value="{!fc.KS_Does_patient_have_access_to_docs__c}" /><br/>
                        3. <b><u>For patients under 65</u></b> – does the patient receive disability or is the patient in the process of applying? 
                        This would be necessary to obtain LTC Medicaid benefits. <b><u>If the patient is under 65 and does not have disability refer to finance for review.</u></b>
                        <apex:inputField value="{!fc.KS_For_patients_under_65__c}" /><br/>
                        4.    Is resident single, separated or married?  If married and or separated, is legal spouse willing and able to participate with Medicaid process? 
                        <apex:inputField value="{!fc.KS_IS_resident_single_separated__c}" /><br/>
                         5.    What is patient’s income and resources? (Pensions, Social Security, Checking, Savings, Residential Property, IRA’s, 
                         Stocks, Bonds, etc.) – <b><u>If income or assets exceed $2,000 refer to finance for review</u></b>
                        <apex:inputField value="{!fc.KS_What_is_patient_s_income__c}" /><br/>
                         6.    Does patient understand and agree that <B>ALL</B> income must be turned over to the facility on a monthly basis, with the exception of $62 Personal Need’s Allowance?
                        <apex:inputField value="{!fc.KS_Does_patient_understand_and_agree__c}" /><br/>
                         7.    Has patient transferred any assets in the last five years? This includes any gifts or loans that remain unpaid.  
                         If so, this will result in a period of Medicaid ineligibility and <b><u>should be referred to finance.</u></b>   
                        <apex:inputField value="{!fc.KS_Has_patient_transferred_any_assets__c}" /><br/>
                        8.    All admissions regardless of payer need the “less than 30” from the hospital (unless the patient has an existing care assessment)  
                        <apex:inputField value="{!fc.KS_All_admissions_regardless__c}" /><br/>
                        <br/><br/>    
                        
                        General information: When running eligibility “medical necessity or QMB only” means it needs a new Medicaid application (not just a conversion to LTC). Those are typically more challenging. 
                        <br/><br/>
                    <div align="center"  draggable="false" >
                        <apex:commandButton value="Save" action="{!savetasks}" onclick="disableOnSubmit2(this);" reRender="theForm" />
                        </div> <br/><br/>
                    <div align="center"  draggable="false" >
                        <apex:commandButton value="Attach to Referral" action="{!generatePdf}" onclick="disableOnSubmit2(this);" reRender="theForm" />
                    </div> 
                        </apex:repeat>
                    </apex:outputPanel> 

        
        </apex:form> 
         
</apex:page>
Best Answer chosen by Michael M
Michael MMichael M
Fantastic, thank you, Dushyant!

All Answers

Dushyant SonwarDushyant Sonwar
Michael,

Change
<apex:form id="theForm" >

to
<apex:form id="theForm" styleClass="frm" >

and
Replace
.One
             {
            margin-left:30px;
            margin-right:30px;
            padding-left:30px;
            padding-right:30px;
        font-size:15px;
             }

with
.frm{             
                margin-left:30px !important;
                margin-right:30px !important;
                padding-left:30px !important;
                padding-right:30px !important;
                font-size:15px;
             }

Hope this helps!​​​​​​​​​​​​​​​​​​​​​
Michael MMichael M
Fantastic, thank you, Dushyant!
This was selected as the best answer