HTML Report Icon Show And Print preview

 



Step 1 : 

Go to IR Report Query and new column Add with HTML

        '<div style="margin-bottom: 10px; text-align: center" >
          <a href="'||apex_util.prepare_url('f?p='||:APP_ID||':'||177||':'||:APP_SESSION||'::::P177_PLAN_ID:'||A.ID) || '" 
        style="color:white; 
        background: '||case when  A.APPROVE_STUTAS=1  then 'Green'  else 'RED'  end||';        
        margin:3px;  
        border:2px solid; 
        border-radius: 25px; 
        padding-top: 5px;
        padding-right: 15px;
        padding-bottom: 5px;
        padding-left: 15px;
        '||case when  A.APPROVE_STUTAS =0 then 'pointer-events: none' else null end ||'
        "><span class="fa fa-print" aria-hidden="true"></span></a> </div>' 
        as report


Print preview :

Create a new Button --> Preview

Behavior-->Action-->Redirect to URL

For Single Peramitter :

javascript:var myWindow = window.open('http://jasper.maxapex.net:8090/JasperReportsIntegration/report?_repName=A234280/Report/debit_note/debit_note&_repFormat=pdf&_dataSource=RAI_A234280_1961&DEBIT_ID=&P41_DEBIT_ID.')

For multiple Peramitter :

javascript:var myWindow = window.open('http://jasper.maxapex.net:8090/JasperReportsIntegration/report?_repName=A234280//Report/HAWB_Dumy_copy/HAWB_dumy&_repFormat=pdf&_dataSource=RAI_A234280_1961&V_COM=&P96_COM_ID.&HAWBID=&P96_HAWB_ID.')

=============================================

Multiple Report Icon Line :



---------button

--   '<div style="height:150px; width:100px; overflow: auto;" > 

-- <p>'||'INV :'||get_work_flow('INV',ID)||' <br>' ||'PO: '||get_work_flow('PO',ID)||' <br>' ||'STL: '||get_work_flow('STL',ID)||'</p> </div>'||       

  '<div style="display: flex;" >

  <div style="margin-bottom: 10px; text-align: center" >

        <a href="'||apex_util.prepare_url('f?p='||:APP_ID||':'||231||':'||:APP_SESSION||'::::P231_AIREXP_MST_ID:'||id) || '" 

        style="color:white; 

        background: Green;        

        margin:3px;  

        border:2px solid; 

        border-radius: 25px; 

        padding-top: 5px;

        padding-right: 15px;

        padding-bottom: 5px;

        padding-left: 15px;

        "> <abbr title="Booking Report"> <span class="fa fa-plane"></span> </abbr></a>  

  </div>

 

  <div style="margin-bottom: 10px; text-align: center" >

          <a href="'||apex_util.prepare_url('f?p='||:APP_ID||':'||232||':'||:APP_SESSION||'::::P232_BOOKING_ID:'||id) || '" 

        style="color:white; 

        background: Green;        

        margin:3px;  

        border:0px solid; 

        border-radius: 25px; 

        padding-top: 3px;

        padding-right: 15px;

        padding-bottom: 5px;

        padding-left: 15px;

        "> <abbr title="HAWB Report"> <span class="fa fa-qrcode"></span> </abbr> </a> 

  </div>

  </div>


  <div style="display: flex;" >

  <div style="margin-bottom: 10px; text-align: center" >

          <a href="'||apex_util.prepare_url('f?p='||:APP_ID||':'||295||':'||:APP_SESSION||'::::P295_BOOKING_ID:'||id) || '" 

        style="color:white; 

        background: Green;        

        margin:3px;  

        border:0px solid; 

        border-radius: 25px; 

        padding-top: 3px;

        padding-right: 15px;

        padding-bottom: 5px;

        padding-left: 15px;

        "> <abbr title="MAWB Report"> <span class="fa fa-arrows" aria-hidden="true"></span> </abbr> </a> 

  </div>


   <div style="margin-bottom: 10px; text-align: center" >

          <a href="'||apex_util.prepare_url('f?p='||:APP_ID||':'||348||':'||:APP_SESSION||'::::P348_BOOKING_ID:'||id) || '" 

        style="color:white; 

        background: Green;        

        margin:3px;  

        border:0px solid; 

        border-radius: 25px; 

        padding-top: 3px;

        padding-right: 15px;

        padding-bottom: 5px;

        padding-left: 15px;

        "> <abbr title="User Activity Report"> <span class="fa fa-user-check" aria-hidden="true"></span> </abbr> </a> 

  </div>

    </div>'

       as Report,

Post a Comment

Previous Post Next Post