zoukankan      html  css  js  c++  java
  • Salesforce: 为PDF VF Page设置Header和Footer

    为转换为PDF的VF page或VF component设置header和footer的代码参考:

    <apex:page standardStylesheets="false" id="pge" renderAs="pdf" controller="DynaPdfPageCTRL" applyHtmlTag="false" showHeader="false" >
      <head>
        <style>
          @page {
            @top-center {
              content: element(header);
            }
            @bottom-left {
              content: element(footer);
            }
          }

          div.header {
            padding: 10px;
            position: running(header);
          }

          div.footer {
            display: block;
            padding: 5px;
            position: running(footer);
          }

          .pagenumber:before {
            content: counter(page);
          }

          .pagecount:before {
            content: counter(pages);
          }
        </style>
      </head>

      <!-- HEADER -->
      <div class="header">
        <apex:image value="{!$Resource.Header_Test_ES}" height="100%" width="100%"/>
      </div>

      <!-- FOOTER -->
      <div class="footer">
        <div>Page <span class="pagenumber"/> of <span class="pagecount"/></div>
        <apex:image value="{!$Resource.Footer_Test_ES}" width="100%" height="100%" />
      </div>

      <!-- CONTENT -->
      <div class="content">
        <apex:repeat value="{!testStringList}" var="s">
          <b>{!s}</b>
          <br/>
        </apex:repeat>
      </div>
    </apex:page>

  • 相关阅读:
    Ubuntu 14.04的SWAP 为0
    堆和栈的区别(转过无数次的文章)
    加法乘法判断溢出(转)
    大端格式、小端格式(转)
    Linux 目录操作和4中文件拷贝效率测试
    Linux使用标准IO的调用函数,分3种形式实现
    支持 onload 事件的元素
    $().each() 和 $.each()
    npm install --save 与 npm install --save-dev 的区别
    <!DOCTYPE html>作用
  • 原文地址:https://www.cnblogs.com/clsriz/p/13901395.html
Copyright © 2011-2022 走看看