0

我有一个大问题,直到现在我都找不到解决方案……我寻找了与我的问题相同的类似问题,但我也没有找到解决方案

问题:我想在我的仪表板中为仪表板列添加不同的宽度以进行不同的布局,顺便说一下,我发现了两种创建仪表板的方法,首先是在我的 bean 中创建模型,然后DashboardColumns在添加小部件后也在bean 中添加它对它,第二个是通过标签创建列,<p:dashboardColumn>这是第一个选项意味着在 xhtml 文件中创建没有真实列的列,这使我可以单独控制每一列的 css,以及我发现我可以编辑默认 css 的方式列

.pf-dashboard-column {width:200px;} 

并写下我的风格,好的,但这种方式并没有让我能够为列制作不同的大小(宽度),第二个问题p:dashboardColumn不在我的 primefaces 库中,尽管我从网站下载了库并且将它添加到我的 IDE(类路径和源代码)注意:在我的开始标签中,我包含xmlns:p="http://primefaces.org/ui"使我的 primefaces 组件工作但<p:dashboardColumn>不工作的示例,但在使用此标签的示例中,它包含xmlns:p="http://primefaces.prime.com.tr/ui",我在另一个库中找到它,但它没有我的标签像(p:selectOneMenu)一样工作,但可以<p:dashboardColumn>工作

...这是我的问题,我无法为列设置不同的宽度...任何帮助???

还有一件事,当我调整浏览器的大小时,面板的顺序发生了变化,我不知道为什么?

4

1 回答 1

0

看看 CSS nth-child 选择器:

http://www.w3schools.com/cssref/sel_nth-child.asp

.pf-dashboard-columnp:nth-child(1) {
  width: 400px;
}
.pf-dashboard-columnp:nth-child(2) {
  width: 500px;
}

不过要小心你在做什么,你可能会发现其他元素的大小是由素面动态而不是在 CSS 中调整的。

于 2013-11-26T08:10:35.100 回答