在Apostrophe UI中选择多列小部件

时间:2018-06-19 13:57:07

标签: apostrophe-cms

我正在尝试找到启用多列窗口小部件列表的选项(如果有的话),如撇号https://apostrophecms.org/起始页面上的窗口小部件演示中所示。

当您在撇号开始页面的“窗口小部件”选项卡上观看演示视频时,它将显示3列窗口小部件列表,以添加到该页面。在我的项目中,我只有一个单列选择。我找不到更改此ui行为的任何选项。

这是演示视频的屏幕截图:

enter image description here

配置小部件选择界面是否有一个选项甚至多个选项?

感谢和问候

1 个答案:

答案 0 :(得分:2)

对此没有任何选择,但是您可以应用在项目级别执行此操作的样式。在此示例中,我在该区域要包裹多列的下拉列表中包装了一个特殊的类(.u-small-dropdowns

.u-small-dropdowns > .apos-area > .apos-area-widgets > .apos-area-widget-wrapper > .apos-ui .apos-dropdown-items {
       column-count: 3;
       max-width: 390px;
    }