如何让 Docusign 识别文档上的 CSS 样式

Question

我对文档签名很陌生。我有一个 HTML 文档，正在发送到 docusign 进行签名。它有许多动态数据片段和需要显示/隐藏的整个部分。我成功地将其作为 Base64 编码字符串发送到 docusign，并且能够获取签名/日期/缩写。我的目标是不必为了使文档签名流程正常工作而维护本文档的两个版本。

不过我遇到了格式化问题。我的文档中有 CSS 来控制所有内容的显示方式。我在 div 元素中广泛使用了 Flexbox 以及内联块显示。 Docusign 似乎忽略了这一点。它似乎可以识别一些内联样式，但识别不多。结果，文档的显示效果很差。我似乎可以使用表格来格式化内容，但我试图避免这种情况。有没有办法让 docusign 理解我的样式表？

在我的 css 示例中进行编辑，但该示例不起作用。

.business_information>div:nth-child(-n+5) {
    display: inline-block;
}
.business_information>div {
    padding: 5px; 
}
.signatures {
    border: 5px solid black;
    padding: 5px;
}
.signature>div {
    display: inline-block;
    padding-top: 50px;
}
.signatureLine{
    border-bottom: 1px solid black;
    color: transparent;
    font-family: monospace;
}
.signatureLabel {
    min-width: 100px;
}
.spacing {
    width: 10px;
    height: 10px;
}
.flexlayout {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.flexlayout> * {
  flex: 1 100%;
}

Answer 1

DocuSign 以两种方式处理 html 文档。

在这两种情况下，仅支持内联 CSS。 使用 图像数据 url 可以包含图像。

HTML 文档转换为 PDF

HTML 文档在 documentBase64 属性中发送。所有产品计划均提供此功能

用于响应式签名/智能部分的 HTML

此功能是 DocuSign 帐户的一个选项。它使您能够在 HTML 中包含字段规范（选项卡）。更重要的是，您可以指定 HTML 中的部分，这些部分将作为手风琴呈现给签名者。

这是使用智能部分功能的 HTML 文档的“实时示例”。 智能部分的文档

Since I referenced a codepen example, StackOverflow
requires some "code"
Here is where the smart sections HTML is set in the
envelope object:

            documents: [
                {
                    name: "Business Credit Card Approval.html",
                    documentId: "1",
                    htmlDefinition: {
                        source: htmlDoc,
                        ....