微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何隐藏Slate文档中的小部件?

如何解决如何隐藏Slate文档中的小部件?

在Slate中,我希望能够切换和显示/隐藏页面上的窗口小部件(即,基于用户交互(例如单击切换按钮)的,充满了窗口小部件的容器窗口小部件或特定窗口小部件)。

我不清楚如何执行此操作。 CSS有可能吗?

还可以根据哪个用户查看该页面来执行此操作吗?

解决方法

您绝对可以使用CSS做到这一点。 Slate小部件的“其他CSS类”部分可以有条件地应用您创建的任何CSS类。

为此,您需要创建一个CSS类,以适当地隐藏(即隐藏)窗口小部件,并根据切换状态有条件地应用它。

例如:

{{#if w_toggle.on}} hidden {{/if}}

基于页面上的用户来执行此操作将是相似的。您只需要一种方法来确定指定的用户是否可以查看该页面,就可以通过函数或类似的方法来完成。

注意:隐藏基于CSS的窗口小部件是不安全。 CSS可以做的任何事情都可以用CSS撤消。如果您选择使用CSS隐藏窗口小部件,请注意,精通CSS的用户可以取消隐藏该窗口小部件。

有关与显示和隐藏小部件或有条件地样式化小部件有关的其他模式,请参阅Foundry文档的《 Slate开发最佳实践》指南中有关UX / UI注意事项的部分。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。