Orbeon 2017.2 FormBuilder：按钮栏遮挡控件时如何选择复选框？

嘿，我之前也碰到过Orbeon老版本里这种布局遮挡的小坑，给你几个实用的办法来选中那个被挡住的复选框：

• 临时隐藏遮挡工具栏（最快的临时方案）
  用浏览器的开发者工具就能快速搞定：

  1. 右键点击挡住控件的工具栏（就是带summary、New、Save的那栏），选择「检查」（Chrome/Firefox里都叫这个，Edge可能是「审查元素」）
  2. 在弹出的Elements面板里，找到工具栏对应的容器元素（一般会带有fr-toolbar这类类名）
  3. 右键这个元素，选「添加属性」，输入style="display: none !important;"，回车后工具栏就暂时消失了，你就能正常点击复选框。操作完刷新页面，工具栏就会恢复原样。

• 调整窗口或缩放页面
  试试把浏览器窗口拉得更宽，或者按住Ctrl（Mac是Cmd）加滚轮缩小页面缩放比例，有时候布局会自动调整，工具栏就不会挡住下方的控件了，这个方法不用碰开发者工具，适合快速操作。

• 纯键盘操作选中
  用Tab键在页面控件间切换焦点，当焦点跳到那个被挡住的复选框时，按空格键就能选中它——完全不用鼠标点击，完美避开遮挡区域。

如果你们团队有权限修改Orbeon的自定义样式，还能加一段CSS永久解决这个问题：
找到Orbeon部署目录里的custom.css文件，添加以下代码：

/* 给工具栏增加底部间距，避免遮挡下方控件 */
.fr-toolbar {
    margin-bottom: 30px !important;
    top: auto !important;
}

调整margin-bottom的数值直到布局合适就行，之后再打开FormBuilder就不会有遮挡问题了。

内容的提问来源于stack exchange，提问作者hoila