【问题标题】:How to add right panel as help content in Silverstripe CMS admin [closed]如何在 Silverstripe CMS 管理员中添加右侧面板作为帮助内容 [关闭]
【发布时间】:2020-10-13 01:05:47
【问题描述】:

我们有一个项目需要 CMS 为某些用户提供帮助,以帮助指导他们完成各种复杂的流程。这适用于各种ModelAdmin 屏幕。

理想情况下,我们需要屏幕上的帮助,并且想知道是否可以使用 CMS 的 /pages/ 部分中使用的正确“预览”面板功能。

+-----------+------------+--------------+
|   Left    |   Middle   |    Right     |
+-----------+------------+--------------+
| Side Menu | ModelAdmin | Help Content |
+-----------+------------+--------------+

为方便起见,我们希望帮助内容来自 CMS SiteTree 本身:https://example.com/help/

是否可以通过这种方式使用预览面板功能?

提前谢谢你。

【问题讨论】:

    标签: silverstripe silverstripe-4


    【解决方案1】:

    您所指的右侧面板可能是由SilverStripeNavigator 处理的分屏页面预览内容。几年前我玩过这个,但发现它与 CMS/SiteTree 紧密耦合,可用于自定义内容。

    但这里有一些关于你可以做什么的其他想法:

    1. 使用->setDescription("hello world") 或/和->seRightTitle("hello world") 向FormFields 添加额外信息,例如:
      $fields->addFieldToTab('Root.Main', [
          (new TextField('MyFieldName', $this->fieldLabel('MyFieldName')))
              ->setDescription('Some help text here')
      ]);
    
    1. 您可以通过在选项卡中分组和添加标题来提高管理员的可用性
      $fields->addFieldToTab('Root.SomeTab', [
          //...
          new HeaderField('MyHeader', 'Personal Details of this account'),
          new TextField('FirstName', $this->fieldLabel('FirstName')),
          //...
      ]);
    
    1. 添加与LiteralField 内联的帮助元素
      $fields->addFieldToTab('Root.SomeTab', [
          //...
          new TextField('FirstName', $this->fieldLabel('FirstName')),
          new LiteralField('MyLiteralField', '<p class="message info">A help description here with any HTML you want. Styled what ever way you want</p>');
          //...
      ]);
    
    1. 构建您自己的自定义侧边栏。

    博客模块有一个用于“发布选项”的自定义侧边栏。您可以复制他们所做的,而不是在其中放置额外的 FormField,您可以使用 LiteralField 在其中添加任何 HTML,以显示您的帮助信息。

    我手头没有代码示例,但我想如果你看一下博客的源代码,不难弄清楚他们是如何构建侧边栏的:@987654322 @

    【讨论】:

    • “几年前我玩过它,但发现它与 CMS/SiteTree 紧密耦合,可用于自定义内容。”这个建议是值得的。感觉就像我们使用预览窗格走错了路。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-16
    • 1970-01-01
    • 2020-01-17
    相关资源
    最近更新 更多