如何在Tridion的功能区中一个接一个地水平创建自定义按钮

Question

如何水平放置多个自定义按钮 - 在tridion功能区中一个在另一个下方.

就像我们有登记入住,退房,撤消退房按钮.

我尝试通过将它们放在一个组中来创建多个自定义按钮,但默认情况下它们并排排列,而不是一个在另一个之下.

Answer 1

在我关于Tridion Developer的一篇文章中,我解释了如何使用Ribbon Item Group,这样就可以将小按钮放在彼此之下,这样你就可以在2个大按钮的空间中放置3个按钮(它们彼此相邻) .

RibbonItemGroup不是您可以在UI扩展的配置文件中定义的,它是您需要指定的Tridion用户控件(.ascx).

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ViewItemsGroup.ascx.cs" Inherits="SDL.Examples.UI.Controls.ViewItemsGroup" %>
<%@ Import Namespace="Tridion.Web.UI" %>
<c:RibbonItemsGroup runat="server" ID="RibbonItemsGroup">
  <c:RibbonButton runat="server" CommandName="ViewStaging" Title="View in Staging" Label="View In Staging" IsSmallButton="true" ID="ViewStagingBtn" />
  <c:RibbonButton runat="server" CommandName="ViewLive" Title="View in Live" Label="View in Live" IsSmallButton="true" ID="ViewLiveBtn" />
</c:RibbonItemsGroup>

后面的代码扩展了Tridion.Web.UI.Controls.TridionUserControl,不需要任何特定的代码.要将其包含在功能区工具栏中,请使用配置文件中的以下XML将功能区项目组指定为扩展名:

<ext:extension assignid="ViewItemsGroup" groupid="EditGroup" name="View" pageid="HomePage" insertbefore="PublishGroup">
  <ext:group>~/Controls/ViewItemsGroup.ascx</ext:group>
  <ext:dependencies>
    <cfg:dependency>My.Theme</cfg:dependency>
    <cfg:dependency>My.Commands</cfg:dependency>
  </ext:dependencies>
  <ext:apply>
    <ext:view name="DashboardView">
      <ext:control id="DashboardToolbar" />
    </ext:view>
    <ext:view name="PageView">
      <ext:control id="ItemToolbar" />
    </ext:view>
  </ext:apply>
</ext:extension>