Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Suraj DemgundeSuraj Demgunde 

i want vf page below in suitable manner like invoice is fully above part and below that metro half half for right and left side plz help me below is code

<apex:page controller="ICCinvoicePdf" renderAs="pdf" applyBodyTag="false" applyHtmlTag="false" showHeader="false">
<head>
<style type="text/css" >

@page{
@bottom-right {
  font-family:sans-serif;
  font-size:90%;
  content:  "Copyright © 2015 Zamil Industrial, All Rights Reserved   Page" counter(page)  " of " counter(pages);
 }
 @bottom-left{
  font-family:sans-serif;
  font-size:90%;
  content:"- Generated by ICC" ;
 }
  
  }




 

div.header{

padding: 10px;
text-align: center;
position: running(header);
}



div.footer {
display: block;             
padding: 5px;               
position:running(footer);
;
}  
.pagenumber:before {
content: counter(page);
}
.pagecount:before {
content: counter(pages);
}

.quoteTable{
     border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-color: white;  
 
    -fs-table-paginate: paginate; 
    <!--font-family:"Times New Roman", Times, serif;-->
    font-family:sans-serif;
    font-size:65%;    
}

   





</style>

  
</head>

<apex:pageBlock >
<div >
<table width="100%" cellpadding="2" style="border-collapse:collapse;"  border="1">
<tr>
             <td align="center" valign="" width="100%"><h3>INVOICE:{!invoicenum}</h3>
              <div >
                <table width="100%"  cellpadding="2" style="border-collapse:collapse;"  border="1"   >
              <tr>
            <td centre="left" width="100%">
              Number of Pages: <span class="pagecount"/> <br></br>
              </td>
               <td align="left" width="100%">
            Date:
            <apex:outputText value="{0,date,MMMM dd, yyyy}">
                <apex:param value="{!TODAY()}" />
             </apex:outputText><br></br>
              </td>
          </tr>
          </table>
          <div style="color:#0000;border-bottom:none;">
          <table width="100%"  cellpadding="1" style="border-collapse:collapse;"  border="1"  >
          <tr>
          <td>
          CONSOLIDATION<br></br>
            </td>
            </tr>
            </table>
            </div>
            <div style="color:#0000;border-bottom:none;" >
             <table width="100%" cellpadding="1" style="border-collapse:collapse;"  border="1"  >
          <tr>
          <td align="left">
        SHIPMENT<br></br>
            BOL #:{!cname}<br></br>
            </td>
            </tr>
            </table>
            </div>
            <div style="color:#0000;border:none" >
            
             <table width="100%" cellpadding="1" style="border-collapse:collapse;"  border="1"  >
             <tr>
             <td align="left">
             <apex:outputPanel rendered="{!recordtypename=='SeaFreight'}">
             
             Vessel Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{!vesselname}<br></br>
            </apex:outputPanel>
            
            <apex:outputPanel rendered="{!recordtypename=='Broker'}">
            Vessel Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{!vesselname}<br></br>
              </apex:outputPanel>
            
           <apex:outputPanel rendered="{!recordtypename=='Planner'}">
           Vessel Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{!vesselname}<br></br>
            </apex:outputPanel>
           
            <apex:outputPanel rendered="{!recordtypename=='Coordinator'}">
           Vessel Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{!vesselname}<br></br>
            </apex:outputPanel>
             <apex:outputPanel rendered="{!recordtypename=='AirFreight'}">
                AirLine Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{!airlinename}<br></br>
            </apex:outputPanel>
          <apex:outputPanel rendered="{!recordtypename=='AirFreight Coordinator'}">
         <!--  <apex:outputPanel rendered="{!recordtypename=='AirFreight'  || recordtypename=='AirFreight Broker'}">-->
            <!-- AirLine Name:ETIHAD CARGO {!airlinename}<br></br> -->
              AirLine Name:{!airlinename}<br></br>
            </apex:outputPanel>
          <apex:outputPanel rendered="{!recordtypename=='AirFreight Broker'}">
             AirLine Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{!airlinename}<br></br>
            </apex:outputPanel>
            </td>
            </tr>
            </table>
            </div>
            <div style="border:0" >
             <table width="100%" cellpadding="1" style="border-collapse:collapse;"  border="0"  >
            </table>
            </div>
          </div>
          </td>
     </tr>
     <tr>
      <td align="left" width="50%">
       <apex:outputpanel rendered="{!s2.size==0}">
         <h3>METRO FREIGHT SERVICES INC</h3> 
        2365 E,Linden Ave. Linden,<br>
            New Jersey 07036</br><br></br>
            Telephone:001 908 925 8400 <br></br>
             FAX:001 908 925 8444 
             </apex:outputpanel>
               <apex:outputpanel rendered="{!s2!=null}"> 
         <apex:repeat value="{!s2}" var="s" >
            {!s} <br/> 
            </apex:repeat>
         </apex:outputpanel>  
      </td> 
            
         
         <td align="right" width="50%">
           <apex:outputpanel rendered="{!s2.size==0}">
         <h3>METRO FREIGHT SERVICES INC</h3> 
        2365 E,Linden Ave. Linden,<br>
            New Jersey 07036</br><br></br>
            Telephone:001 908 925 8400 <br></br>
             FAX:001 908 925 8444 
             </apex:outputpanel>
               <apex:outputpanel rendered="{!s2!=null}"> 
         <apex:repeat value="{!s2}" var="s" >
            {!s} <br/> 
            </apex:repeat>
         </apex:outputpanel> 
         </td>   
      </tr>
</table>
</div>
</apex:pageblock>
 <br/><br/> User-added image