技巧17：如何将图像添加到成功提交表单后出现的弹出窗口中。

技巧17：如何将图像添加到成功提交表单后出现的弹出窗口中。

原文链接：https://help.zoho.com/portal/en/community/topic/tip-17-how-to-add-an-image-to-the-pop-up-that-appears-on-successful-form-submissions




大家好，

在Zoho Creator中，每当您提交表单或向表单添加新条目时，都会出现一个窗口，显示消息“成功添加数据”。这是您在Zoho Creator上创建的所有表单向所有用户显示的默认消息。 

在本技巧中，我们将向您展示如何添加图像以及该默认消息。 

使用页面添加HTML脚本

第1步 
首先，让我们创建一个虚拟表单，然后将要显示的图像上传到弹出窗口中。现在转到报告，右键单击记录中的图像链接，然后复制图像URL。

第2步 
单击左上方的加号（+）图标，创建一个新的空白页，然后将页面命名为“ Submision_Message_Page”。从屏幕左侧提供的选项中选择“片段”，然后将HTML片段拖放到页面构建器中，然后单击“配置”，如下面的屏幕快照所示。





第三步 
现在，如下所示，将复制的图像URL粘贴到HTML标记内，然后单击“保存”，然后单击右上角的“完成”。




步骤4
再次单击加号（+）图标，并创建一个新的“使用表单时”工作流程，然后选择要为其自定义消息的表单。从显示的选项列表中选择“创建的”，以便每次用户添加新条目或提交表单时，将执行此工作流程。单击添加新操作，然后选择Deluge脚本，以便您可以编写可帮助您自定义消息的代码。

在这里，我们需要执行以下操作：
  • 删除通常在提交表单时显示的默认成功消息。
  • 使用openURL任务，并按照以下屏幕截图粘贴页面的导航URL。



  1. success message ""; // This will empty the default success message
  2. openurl("#Page:Submission_Message_Page","popup window"); 

上面的脚本将在弹出窗口中打开Page。 

就是这样！现在，您可以访问您的应用程序并提交表单以查看成功消息中的图像。

​

我们希望这篇文章对您有用。如果您有任何疑问，请随时在下面的评论中提问，我们很乐意尽快解决！

下次再见，还有更多有趣的创作者提示！






    • Related Articles

    • 技巧20：如何在子表单中自动填充值

      原文链接：https://help.zoho.com/portal/en/community/topic/tip-20-how-to-autopopulate-values-in-a-subform 嘿伙计， 我们知道许多人在您的应用程序中广泛使用子表单，因为它有助于您更有效地完成工作。在本技巧中，我们将向您展示如何使用称为“行”的特殊语法在子表单中自动填充值。 让我们来看一个例子。 考虑您有一个应用程序，您需要根据该应用程序在用户单击子表单中的“ ...

    • 技巧16：如何隐藏客户数据以确保隐私。

      原文链接：https://help.zoho.com/portal/en/community/topic/tip-16-how-to-mask-customer-data-to-ensure-privacy 嗨伙计，  作为用户，我们经常不愿透露我们的联系电话或电子邮件地址，因为我们不想被通讯，促销信息或销售电话所困扰。在本技巧中，我们将讨论如何只需单击几下即可屏蔽在Zoho Creator应用程序中输入的数据！ 什么是数据屏蔽？ ...

    • 技巧14：如何迭代一组Deluge代码特定次数。

      原文链接：https://help.zoho.com/portal/en/community/topic/tip-14-how-to-iterate-a-set-of-deluge-code-a-specific-number-of-times 大家好， 您可能已经知道，递归函数用于  执行特定操作特定次数。我们已经在技巧2中对此进行了详细说明。同样，还有另一种方法可以迭代一组Deluge代码“ n”次。您需要做的就是创建一个列表，并使用“对于每个索引”任务对其进行特定次数的迭代。    ...

    • 技巧4：如何以实时形式动态显示图像。

      原文链接：https://help.zoho.com/portal/en/community/topic/tip-04-how-to-dynamically-display-images-in-a-live-form 嗨，大家好， 我们希望前面的技巧对您在这里的许多人有用。我们回来了一个新的提示，它将有助于改善您的应用程序的用户体验。 是的，这是对的。今天，我们将研究如何以实时形式显示已使用其他Zoho ...

    • 技巧3：如何使用URL参数动态过滤报告

      原文链接：https://help.zoho.com/portal/en/community/topic/tip-02-how-to-dynamically-filter-reports-using-url-parameters-22-3-2018 嗨伙计， 每两个星期，作为Zoho Creator-提示和技巧系列的一部分，我们今天回来了有关如何使用URL参数过滤报告的新提示。 ...