技巧18：如何将可滚动的“添加注释”字段添加到表单。

技巧18：如何将可滚动的“添加注释”字段添加到表单。

原文链接：https://help.zoho.com/portal/en/community/topic/tip-18-how-to-add-scrollable-add-notes-field-to-a-form-17-10-2019



大家好，

在Zoho Creator中，“添加注释”字段通常用于向用户提供说明或其他信息，例如显示“条款和条件”或其他重要信息。但是，如何在不使表格过长的情况下在“添加注释”字段中添加冗长的文本呢？答案是使用HTML将滚动条添加到“添加注释”字段。 

请按照以下步骤将滚动条添加到您自己的“添加注释”字段中： 


第1步
将“添加注释”字段拖放到表单构建器中，然后在“字段属性”中单击“注释”。



第2步
单击窗口左上角的“编辑HTML”选项。
​


第三步 
添加要显示的内容，然后使用下面给出的代码添加可滚动条。

  1. <div class="myBox">
  2. This is where the content should be added.
  3. </div> 
  4. <style>
  5. /* Box styles */
  6. .myBox {
  7. border: none;
  8. padding: 5px;
  9. font: 24px/36px sans-serif; width: 200px; 
  10. height: 200px; overflow: scroll; }
  11. /* Scrollbar styles */ ::-webkit-scrollbar { width: 12px;height: 12px; } 
  12. ::-webkit-scrollbar-track { border: 1px solid yellowgreen; border-radius: 10px; }
  13. ::-webkit-scrollbar-thumb { background: yellowgreen; border-radius: 10px;}
  14.  ::-webkit-scrollbar-thumb:hover { background: #88ba1c;}
  15.  </style> 

现在，您可以访问应用程序的实时模式以找到可滚动的“添加注释”字段！ 



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

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

    • Related Articles

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

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

    • 技巧9：如何在笔记中自动换行内容以适合您的窗口大小。

      原文链接：https://help.zoho.com/portal/en/community/topic/tip-09-how-to-word-wrap-content-in-notes-to-fit-your-window-size 嗨伙计， 希望我们之前的提示对您有所帮助。今天，我们又以简单的技巧再次回来，它将帮助您自动调整表格注释以适合您的浏览器窗口大小。 ...

    • 技巧15：如何安排在特定时间间隔运行的任务

      原文链接：https://help.zoho.com/portal/en/community/topic/tip-15-how-to-schedule-a-task-that-runs-at-specific-time-intervals Sejal Dattani Zoho Follow 塞贾尔·达塔尼（Sejal Dattani） 公告 1年以前 Zoho Creator可让您安排大多数日常任务，以帮助您专注于重要事项。您可以自动执行以下操作： 客户下订单后生成发票。 生成每月收入报告。 ...

    • 技巧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应用程序中输入的数据！ 什么是数据屏蔽？ ...