<apex:page controller="RepairAndQISToPDFController" renderAs="pdf" applyHtmlTag="false" applyBodyTag="false"  showheader="false"  contentType="text/html; charset=UTF-8"> 
 | 
<!-- <apex:page controller="RepairAndQISToPDFController" applyHtmlTag="false" applyBodyTag="false"  showheader="false"  contentType="text/html; charset=UTF-8"> --> 
 | 
    
 | 
    <html> 
 | 
        <head> 
 | 
            <style> 
 | 
                /*table{margin: auto;}*/ 
 | 
                body { 
 | 
                    /*text-align: center;*/ 
 | 
                    font-family: Arial Unicode MS; 
 | 
                    font-size:14px; 
 | 
                    font-weight:200; 
 | 
                } 
 | 
            </style> 
 | 
        </head> 
 | 
        <body> 
 | 
            <table width="300" border="1" cellspacing="0"> 
 | 
                <tr> 
 | 
                    <td style="height:300px; text-align: center;width: 80%"> 
 | 
                    <!-- <td style="text-align: center;"> --> 
 | 
                        <apex:repeat value="{!ImgObjs}" var="obj" >  
 | 
                            <apex:outputText value="{!obj.imgSrc}" escape="false"  /> 
 | 
                        </apex:repeat> 
 | 
                    </td> 
 | 
                </tr> 
 | 
            </table> 
 | 
            <!-- </apex:outputPanel> --> 
 | 
            <!-- <apex:outputPanel rendered="{!!isRepair}">  
 | 
                <table width="100%" border="1" cellspacing="2" style="font-size: 8pt;"> 
 | 
                    <tr> 
 | 
                        <td> 
 | 
                            <table width="100%" border="1" cellspacing="0"> 
 | 
                                <tr> 
 | 
                                    <td style="height:300px; text-align: center;"> 
 | 
                                        <apex:repeat value="{!imgSrcs}" var="imgSrc" >  
 | 
                                            <apex:image value="" width="80%" /> --> 
 | 
                                            <!-- <apex:image rendered="{!IF(field = 'problem_detail_photo__c' , true, false)}" value="" width="80%" /> 
 | 
                                            <apex:image rendered="{!IF(field = 'Photo_1__c' , true, false)}" value="" width="80%"  /> 
 | 
                                            <apex:image rendered="{!IF(field = 'Photo_2__c' , true, false)}" value="{!qis.Photo_2__c}" width="80%"/> 
 | 
                                            <apex:image rendered="{!IF(field = 'Photo_3__c' , true, false)}" value="{!qis.Photo_3__c}" width="80%"/> 
 | 
                                            <apex:image rendered="{!IF(field = 'Photo_4__c' , true, false)}" value="{!qis.Photo_4__c}" width="80%"/> 
 | 
                                            <apex:image rendered="{!IF(field = 'Photo_OSH_1__c' , true, false)}" value="{!qis.Photo_OSH_1__c}" width="80%"/> 
 | 
                                            <apex:image rendered="{!IF(field = 'Photo_OSH_2__c' , true, false)}" value="{!qis.Photo_OSH_2__c}" width="80%"/> 
 | 
                                            <apex:image rendered="{!IF(field = 'Photo_OSH_3__c' , true, false)}" value="{!qis.Photo_OSH_3__c}" width="80%"/> 
 | 
                                            <apex:image rendered="{!IF(field = 'Photo_OSH_4__c' , true, false)}" value="{!qis.Photo_OSH_4__c}" width="80%"/> --> 
 | 
                                        <!-- </apex:repeat> 
 | 
                                    </td> 
 | 
                                </tr> 
 | 
                            </table> 
 | 
                        </td> 
 | 
                    </tr> 
 | 
                </table>  
 | 
            </apex:outputPanel> --> 
 | 
  
 | 
        </body>    
 | 
    </html>     
 | 
</apex:page> 
 |