Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

With custom signature rendering layout configuration (stamp imprint configuration), an organization administrator can define how the stamp imprint on the signature image looks like (e.g. fonts, elements, layout etc). The new functionality allows to set organization wide background images (e.g. company logos) or define specific fonts for text added to the stamp imprint. While it has no impact on the legal levels of signatures (in EU, defined by eIDAS), a customer specific stamp imprint representation can create higher subjective trust and contract awareness of your customers.


Table of Contents


Preconditions

Info

Please note the following: The feature flag UseCustomStampImprintConfiguration is necessary.

This is a non-default feature of eSignAnyWhere. If you are interested in this optional feature please contact us.

If the feature is activated for your organization you can find the setting in the organization settings. Please see the next figure:

In the section "Signature Appearance" section (in older versions it was called "Custom Signature Rendering Configuration"), you can find the following settings:

  • Upload your configuration
  • Reset the signature rendering to default
  • You can download the current configuration
  • You can download the default template

How to configure your own Signature Appearance

If you download the default template (SignatureRenderingLayouts.custom.xml) you will see the following configuration:

...

<SignatureRenderingLayouts>
    <Colors>
        <Color id="black" a="255" r="0" g="0" b="0" />
        <Color id="blue" a="255" r="64" g="64" b="255" />
        <Color id="transparent" a="0" r="255" g="255" b="255" />
    </Colors>
    <Fonts>
        <Font id="Arial" family="Arial" size="10pt" bold="0" italic="0" underline="0" color="black" />
        <Font id="Arial 8" family="Arial" size="8pt" bold="0" italic="0" underline="0" color="black" />
        <Font id="Arial bold" family="Arial" size="10pt" bold="1" italic="0" underline="0" color="black" />
        <Font id="Arial transp" family="Arial" size="10pt" bold="0" italic="0" underline="0" color="transparent" />
        <Font id="Segoe Script" family="Segoe Script" size="10pt" bold="0" italic="0" underline="0" color="black" />
        <Font id="Segoe Script 16blue" family="Segoe Script" size="16pt" bold="0" italic="0" underline="0" color="blue" />        
    </Fonts>
    <Layouts>
      <Layout id="default" defaultFor="Click2Sign;Draw2Sign;RemoteSignature;LocalCertificateSignature;DisposableCertificate;OtpSignature;AutomaticRemoteSignature;SwissComOnDemandCertificate;PushTan;ATrust;BankId;GenericSigningPlugin" backgroundColor="white">
      <!-- but not for BiometricSignature and not for Type2Sign-->
            <ExternalImageLayer />
            <Layer>
                <Row cellWidthMode="auto">
                    <Signatory font="Segoe Script 16blue" />
                </Row>
                <Row>
                    <TranslatedTextWithColon key="lbl_stamp_email" font="Arial bold" />
                    <Email font="Arial" />
                </Row>
                <Row>
                    <TranslatedTextWithColon key="lbl_stamp_datetime" font="Arial bold" />
                    <DateTime format="dd-MM-yyyy HH:mm:ss (zzz)" font="Arial" />
                </Row>
                <Row>
                    <Text font="Arial transp">_______________</Text>
                    <Text font="Arial 8">Electronically signed with eSignAnyWhere</Text>
                </Row>
            </Layer> 
        </Layout>
    </Layouts>
</SignatureRenderingLayouts>


Example Configuration with the script-like name printed just on a line


Image Added

<SignatureRenderingLayouts>
    <Colors>
        <Color id="black" a="255" r="0" g="0" b="0" />
        <Color id="blue" a="255" r="64" g="64" b="255" />
        <Color id="transparent" a="0" r="255" g="255" b="255" />
        <Color id="purple" a="255" r="101" g="22" b="98" />
    </Colors>
    <Fonts>
        <Font id="Arial" family="Arial" size="10pt" bold="0" italic="0" underline="0" color="black" />
        <Font id="Arial purple" family="Arial" size="10pt" bold="0" italic="0" underline="0" color="purple" />
        <Font id="Arial 8" family="Arial" size="8pt" bold="0" italic="0" underline="0" color="black" />
        <Font id="Arial 8 purple" family="Arial" size="8pt" bold="0" italic="0" underline="0" color="purple" />
        <Font id="Arial bold" family="Arial" size="10pt" bold="1" italic="0" underline="0" color="black" />
        <Font id="Arial transp" family="Arial" size="10pt" bold="0" italic="0" underline="0" color="transparent" />
        <Font id="Arial 16transp" family="Arial" size="16pt" bold="0" italic="0" underline="0" color="transparent" />
        <Font id="Segoe Script" family="Segoe Script" size="10pt" bold="0" italic="0" underline="0" color="black" />
        <Font id="Segoe Script 16blue" family="Segoe Script" size="16pt" bold="0" italic="0" underline="0" color="blue" />
        <Font id="Segoe Script 16 purple" family="Segoe Script" size="16pt" bold="0" italic="0" underline="0" color="purple" />
    </Fonts>
    <Layouts>

        <Layout id="default" defaultFor="Click2Sign;Draw2Sign;Type2Sign;BiometricSignature" backgroundColor="white">
            <ExternalImageLayer />
            <Layer vAlign="top">
                <Row cellWidthMode="auto">
                    <Text width="20%" font="Arial transp">Signature: </Text><!-- dummy placeholder for positioning the signature underline -->
                    <Text font="Segoe Script 16 purple">______________________</Text> <!-- same height as the Signatory line, because we want the image to start below -->
                </Row>
            </Layer>
            <Layer vAlign="top">
                <Row cellWidthMode="auto">
                    <Text width="20%" font="Arial bold">Signature: </Text>
                    <Signatory font="Segoe Script 16blue" />
                </Row>
                <Row cellWidthMode="auto">
                    <Text width="25%" font="Arial transp" hAlign="right">Signature: </Text>
                    <Signatory font="Arial 8 purple" />
                    <Text font="Arial 8 purple">(</Text>
                    <DateTime format="dd-MM-yyyy HH:mm:ss (zzz)" font="Arial 8 purple" />
                    <Text font="Arial 8 purple">)</Text>
                    <Text width="5%" font="Arial transp" hAlign="right">_</Text>
                </Row>
                <Row>
                    <TranslatedTextWithColon width="20%" key="lbl_stamp_email" font="Arial bold" hAlign="right"/>
                    <Email font="Arial" />
                </Row>
            </Layer> 
        </Layout>
    </Layouts>
</SignatureRenderingLayouts>


Example Configuration with a graphical frame on the left-side


Image Added

<SignatureRenderingLayouts>
    <Colors>
        <Color id="black" a="255" r="0" g="0" b="0" />
        <Color id="blue" a="255" r="64" g="64" b="255" />
        <Color id="transparent" a="0" r="255" g="255" b="255" />
    </Colors>
    <Fonts>
        <Font id="Arial" family="Arial" size="10pt" bold="0" italic="0" underline="0" color="black" />
        <Font id="Arial 8" family="Arial" size="8pt" bold="0" italic="0" underline="0" color="black" />
        <Font id="Arial bold" family="Arial" size="10pt" bold="1" italic="0" underline="0" color="black" />
        <Font id="Arial transp" family="Arial" size="10pt" bold="0" italic="0" underline="0" color="transparent" />
        <Font id="Segoe Script" family="Segoe Script" size="10pt" bold="0" italic="0" underline="0" color="black" />
        <Font id="Segoe Script 16blue" family="Segoe Script" size="16pt" bold="0" italic="0" underline="0" color="blue" />        
    </Fonts>
    <Layouts>
        <Layout id="default" defaultFor="Click2Sign;Draw2Sign;Type2Sign" backgroundColor="white">
            <ExternalImageLayer />
            <Layer>
                <Row>
                    <Image height="150pt" hAlign="right">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xAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEAChLxAAoS8QAKEvEACjrbMRGNucMmdLGUrYBgAWcjVhr18waMo2TS9kGABbQk6SNXD1nyGj9+HLWAYDt60ky2ryIpU0iBsDK9Ttz52aSXXOGTMNJDIDV6/3aU1cnaXOG7OhOYgCsXj+9tTnvUmKScWZTxABYud43+uyInd59WsQAWLnepmluxE598suffGIp2wDAAnpaZr1HLIlTGABr0ZP28pkzHl7KJgCwoJ6Rq2bOcBIDYC36yOyIPbqUTQBgQb1l2j1rQovPTQRgLXrSZkWsRcQAWI/eZkZsSk4saxkAWEQffcyKWJ+cxABYjz5mPp044meJAbAevSXzHuxIEzEA1qJnZsScxABYl55k55wBLe2xJe0CAAvpSXbMmtDy1HJWAYDFzI7Y1NqZJe0CAAvpY2bE+jREDIC16G1mxEbrIgbAWsy+nNj7JGIArEVPsjFnwLQlYgCsx+yT2IbLiQCsSU8yzRmwNaZ5j+gDwEvUkzw+Z8BGNnYtaRcAWEhPMusTN6Y2RAyAtZh9EhuJiAGwFj0zP/uwx0kMgPXoyZgVsZEuYgCsRU9m/mTmNl2znFUAYDE9LY/OGTBGXrWsZQBgEX0k35g3ol2/nFUAYDG9j/HgrAEjNy5rGQBYRB9psyI2Wq4/fM3PvGxZCwHAdvX06T9mzmhPbO5821K2AYAF9M2tK7+UZMyaMo0fXs46ALB9/e5jd59M8pU5Q1pr713SPgCwbT1J0vIPc4aM5E2Hrj30A0vZCAC26WzE0j43e9KYPjJ7BgAsoCdJ25o+O3dQS959x97bD89fCQC2ZyNJfuLx9x49seuRO5JcNWtay7sPXHlg88373vL5Lz78RT/xGYALaiNJPp1Pj1t33fzaJHMflW+t5Yd2nG4/f2DXgctu3fPWr91/4v5H5q8JAM/Vzn1xaP+hH2nT9NdLnj+S/HPa+MyY8oWMjX/cfGrzvz/+yMePL/l1ALgEtWd/fce+D/1T0t64gtc9leRraflGG+1ro43jSR7PNB5Ja0+OlpPJONGnfiZJRh/Pid6YpiczdjzeNqarV7AvABehHc/6eozWfquN/O4KXveKJDdm5MaR8Z23WrezTW0jSVpGe/ovzvNW7NZ60qa5b9MGoLD+7N9ctXni3iSzPksRAFZl49m/+btH//XMLbtuPprkJ9e0DwBsWzvfn92x7/bPJnn7qpcBgEX08/zZmEa7LYlH4wG4qJ0vYrnn2D3/lZafi8cmALiIbTzfX3zhsQf+/ZbdB7aSvHOF+wDAtj1vxJLkC4898De37rrpVNJ+dFULAcB2vWDEkuT+x774uQO7b36kJe/K81x+BIB1ON/Tied1cP/Bt/VpfCrJDRdwHwDYthc9iZ3zwMkHHrz15W/9wzZNe5LcFKcyANZs2yexZ7tj7203pfWPJXn3S50BAHPNCtCh6w69vm1t/VLSPpDk5UvaCQC2ZSmnqMOvO7zz8ROP/1gb00+1tHclefUy5gLAC7kglwJvv/b21/aRH2xpNyXj+5K8Mcl1F+K1ALh0rex+1vve+L7LXvbtl12XrVzfx3j16HlVG/meJFelZU+SK8fI5a1lT6Zc2Vp2jmRP2v/bcaRn+5cuT6XliSX/VwC4SPwfYJyBuVwvQeQAAAAASUVORK5CYII=</Image>
                </Row>
            </Layer>
            <Layer>
                <Row cellWidthMode="auto">
                    <Text font="Arial transp">__</Text> <!-- a transparent placeholder to move image to the right... -->
                    <Signatory font="Segoe Script 16blue" />
                </Row>
                <Row>
                    <Text font="Arial transp">__</Text>
                    <TranslatedTextWithColon key="lbl_stamp_email" font="Arial bold" />
                    <Email font="Arial" />
                </Row>
                <Row>
                    <Text font="Arial transp">__</Text>
                    <TranslatedTextWithColon key="lbl_stamp_datetime" font="Arial bold" />
                    <DateTime format="dd-MM-yyyy HH:mm:ss (zzz)" font="Arial" />
                </Row>
                <Row>
                    <Text font="Arial transp">__</Text>
                    <TranslatedTextWithColon key="lbl_stamp_ipAddress" font="Arial bold" />
                    <IpAddress font="Arial" />
                </Row>
                <Row>
                    <Text font="Arial transp">_______________</Text>
                    <Text font="Arial 8">Electronically signed with eSignAnyWhere</Text>
                </Row>
            </Layer> 
        </Layout>
    </Layouts>
</SignatureRenderingLayouts>