Versions Compared

Key

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

...

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

Custom Signature Rendering SettingImage Modified

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

...

See also the result of the configuration above:

Custom Signature Rendering SampleImage Modified


Examples

Example Configuration with "Script like" name, without IP address


Custom Signature Rendering Without IPImage Modified

Code Block
languagexml
themeEclipse
<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


Custom Signature Rendering With LineImage Modified

Code Block
languagexml
themeEclipse
<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


Custom Signature Rendering With GraphicImage Modified

Code Block
languagexml
themeEclipse
<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>

Custom Signature Rendering With LogoImage Modified

Info

Note that it is required for that layout, to define the signature fields in a size fitting to the imprint (which is almost the full width of the page) - and that the aspect ratio of the stamp field is almost matching the background layer's size. If that is not considered, the font may be shifted and placed outside the borders.

It might be relevant to adjust the hint text depending on organization language and legal framework considered for the text. For signature types offering a qualified electronic signature, the text can be changed to something letting the user know that the signature is a qualified one, and an idea could be to reference the applicable national law here.

...