指定portlet的容器​​div

时间:2013-08-16 10:59:52

标签: html liferay portlet

是否可以在liferay portlet中的任何位置指定该portlet的容器​​div?总之,我的页面上有多个portlet。我想在DIV中放置一个portlet。我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:0)

我从未使用它,但我认为我会有所帮助;)

启用portlet(样式div)作为sortables并使用connectWith选项允许在列之间进行排序。

看看那里 - > http://jqueryui.com/sortable/#portlets

答案 1 :(得分:0)

每个portlet总是自动包含在几个特征DIV中。

举个例子:你可以根据portlet的id(例如真正独特的)来解决http://www.liferay.com(“Liferay提供开源企业解决方案......”)左下角的文章

#p_p_id_56_INSTANCE_n5AQ_ { background:green; }

(注意:“56”是portlet的id,Liferay将默认portlet编号为短标识符)

当它显示在“Web内容显示Portlet”(56,旧的人类可读名称:“日记内容显示”)中时,您还可以通过更具描述性的类来解决此portlet的所有实例(但是它会触及所有“Web”内容显示“portlet:

.portlet-journal-content { background: red; }

并且portlet本身使用“journal-content-article”类来定义其内容,因此您也可以使用

.journal-content-article { background: blue; }

只需使用Firebug检查页面源/ DOM,即可找到所需的相关信息 - 特别是对于自定义portlet,portlet id有点复杂,但是当你检查它时,它们都很系统,而且(恕我直言)很容易理解在这个层面上。