如何 displace/replace 重叠小部件的小部件控件?

How to displace/replace widget controls for overlapping widgets?

我在同一位置(重叠)有两个小部件。第一个是滑块,第二个是滑块顶部的半透明搜索栏。唯一的问题是小部件控件显示在同一位置(在管理模式下),因此很难 select 和编辑任何小部件。此外,apos-admin-bar 也在同一个地方,这让事情变得更加困难。有什么方法可以 move/replace 管理栏 and/or 小部件控制栏?overlapping controls image

在不太了解小部件的情况下,您可以使用一些小部件配置选项来解决这个问题。声明单例时,可以传递一个controls对象,告诉它把admin-ui放在哪里。例如:

{{ apos.singleton(data.page, 'foo', 'bar', {
  controls: {
    position: 'top-right'
  }
}) }}

可在此处找到更多信息:https://docs.apostrophecms.org/apostrophe/tutorials/getting-started/adding-editable-content-to-pages#take-control-of-your-controls