在 Liferay 页面上放置 portlet

Question

我在 liferay 中为页面使用 1-2 列 (70-30) 布局。我面临的问题是，即使在页面上正确拖动它们后，我也无法将它们正确放置在 1-2 列中。我正在使用 Web 内容 portlet。应该放置在“30”侧的 portlet；它的数据在 RHS 上以我想要的方式显示，但 portlet 窗口覆盖了整个屏幕。我应该如何放置 portlet 以获得准确的 1-2 列布局？

编辑：

是否可以将一个 portlet 放在另一个 portlet 之上？

Answer 1

如果您尝试放置的 portlet 是自定义 portlet，则可能值得检查自定义 css 宽度属性是否强制 portlet 占用比预期更多的宽度。

您不能将一个 portlet 放在另一个 portlet 之上。但“嵌套 Portlet”可用于在其自己的布局中包含多个 Portlet。

由于您没有公共 URL，我只能建议调试问题的步骤。

• 以管理员身份登录门户。
• 创建一个新页面。
• 将 liferay 默认经典主题应用到页面并应用 70-30 布局。
• 在第 1 列中添加一个 Web 内容显示 Portlet 实例，在第 2 列中添加另一个。
• 检查点：启用编辑复选框并查看默认的 portlet 边界是否占用了它们应该采用的宽度。如果是，那么您的 Liferay 默认工作正常。
• 检查点：选择您的网页内容文章并查看显示宽度是否发生变化。如果是，那么问题出在您的网络内容文章上。
• 检查点：应用您的主题，然后查看问题。那么问题可能与您在 _diff 文件夹中的自定义 css 文件有关。 在 Firefox 或 chrome dom 查看器中使用 Firebug（在 chrome 窗口中按 F12）并观察导致问题的 CSS 样式。