撇号 UI 中的多列小部件 select

Question

我正在尝试找到启用多列小部件列表的选项（如果有的话），如撇号起始页上的小部件演示所示 https://apostrophecms.org/。

当您在撇号起始页的 "Widget" 选项卡上观看演示视频时，它会显示一个包含 3 列的小部件列表以添加到页面。在我的项目中，我只有一个单列 selection 可用。我找不到任何更改此 ui 行为的选项。

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

是否有配置小部件 select 界面的选项或多个选项？

谢谢和最诚挚的问候

Answer 1

没有此选项，但您可以应用在您的项目级别执行此操作的样式。在这个例子中，我将一个特殊的 class (.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;
    }

撇号 UI 中的多列小部件 select

Multi-Column Widget select in Apostrophe UI

apostrophe-cms