Docusign 响应式签名输入字段改变流程答案

【问题标题】：Docusign Responsive Signing Input field alters flowDocusign 响应式签名输入字段改变流程
【发布时间】：2021-09-22 14:19:37
【问题描述】：

我有一份文件（docx 文件）要签名。此表单有两个签名字段和一个电话号码输入字段。客户可以从 Web 应用程序或移动应用程序（xamarin 表单应用程序）对此进行签名当我启用响应式签名时，我发现电话号码输入字段存在一个典型问题。

我已经尝试过这将是所有 3 种可能的签名导航模式，它们都会导致以下行为。使用下一个按钮，用户可以签名，并且表单不要求输入文本。两个签名完成后，要求用户按下一步按钮单击下一步时，用户被带到另一个页面，其中加载了相同的表单但响应式布局和切换关闭用户正在输入电话号码。

电话号码字段被视为必填项，因此除非您键入，否则您无法继续完成签名。

但是，如果您使用切换按钮使其具有响应性，它实际上是看不到的，这可能是用户实际签名时它没有显示的原因。

这让我想知道响应式视图是否将电话号码文本字段识别为响应式字段

我想知道如何确保在签名时输入了电话号码？

正如我所说，我的表单位于 docx 文件中，我正在阅读内容。我正在添加如下签名。

private InPersonSigner CreateInPersonSigner(

            string documentId,
            int recipientId,
            string clientId,
            string role,
            string name,
            string anchorTag, string email, string phoneAnchor)
        {
            InPersonSigner signer = new InPersonSigner();
            signer.ClientUserId = clientId;
            signer.RecipientId = recipientId.ToString();
            signer.Name = name;
            signer.SignerName = name;
            signer.Tabs = new Tabs();
            signer.RoleName = role;
            signer.HostEmail = email;
            signer.HostName = AppConstants.AppConstants.HostName;
            signer.Tabs.SignHereTabs = new List<SignHere>();
            SignHere signHere = new SignHere();
            signHere.DocumentId = documentId;
            signHere.AnchorHorizontalAlignment = AppConstants.AppConstants.AnchorHorizontalAlignment;
            signHere.Name = AppConstants.AppConstants.SignerTagName;
            signHere.AnchorString = anchorTag;
            signer.Tabs.TextTabs = new List<Text>();
            signer.Tabs.SignHereTabs.Add(signHere);
            **if (!string.IsNullOrEmpty(phoneAnchor))
            {
                signer.Tabs.TextTabs.Add(CreatePhoneAnchor(documentId, phoneAnchor));**
            }
            return signer;
        }

private Text CreatePhoneAnchor(string documentId, string phoneAnchor)
        {
            var phoneText = new Text
            {
                DocumentId = documentId,
                Name = AppConstants.AppConstants.PhoneAnchor.Name,
                AnchorString = phoneAnchor,
                MaxLength = AppConstants.AppConstants.PhoneAnchor.MaxLength,
                Width = AppConstants.AppConstants.PhoneAnchor.Width,
                Height = AppConstants.AppConstants.PhoneAnchor.Height,

                DisableAutoSize = AppConstants.AppConstants.PhoneAnchor.DisableAutoSize,
                TabLabel = AppConstants.AppConstants.PhoneAnchor.TabLabel,
                Tooltip = AppConstants.AppConstants.PhoneAnchor.Tooltip,
                ValidationPattern = AppConstants.AppConstants.PhoneAnchor.ValidationPattern,
                ValidationMessage = AppConstants.AppConstants.PhoneAnchor.ValidationMessage,
                FontColor = AppConstants.AppConstants.PhoneAnchor.FontColor,
                Required = AppConstants.AppConstants.PhoneAnchor.Required
            };
            return phoneText;
        }

【问题讨论】：

我对您称其为“响应式签名”感到困惑。 DocuSign 中的该术语意味着您发送 HTML 并且选项卡位于 HTML 中。您正在发送一个 docx 并自己定义选项卡。那么响应式是什么意思呢？在手机上看？你是这个意思吗？相同的信封在桌面浏览器中可以正常工作，但在移动设备上不能正常工作？
我认为术语不正确。我的意思是移动友好视图。但是我解决了这个问题。在 word doc 中的锚标记上应用了一种错误的样式，无法在移动友好视图中呈现，该视图在更正后开始工作。
但是我确实有一些与 UI 相关的问题（对不起，我从原始票中引入了另一个问题）。电话号码输入字段离这个地方很远。添加了屏幕截图。 Docusign 正在使用一些添加空间的 div。这是正常的还是有办法消除间距。
你可以 "anchorXOffset": "10", "anchorYOffset": "-10" 这些值在这种情况下将文本框从它的位置移动到你需要的位置。您可以进行试验，直到获得正确的数字并且看起来不错

标签： docusignapi

【解决方案1】：

使用锚标记时，您可以相对于文档中找到锚字符串的位置移动标记。

使用 SignHere 或 Text (Tab) 对象中的 AnchorXOffset 和 AnchorYOffset 参数设置数字您的选项卡应与找到字符串的位置相关的点（或像素）数（注意这些也可以是负数）。

尝试看看这些标签如何移动是完美定位标签的最佳方式。

【讨论】：