Jsf rich:日历:图标被其他组件隐藏

Jsf rich:日历:图标被其他组件隐藏,jsf,richfaces,Jsf,Richfaces,如何保持rich:calendar组件的图标显示 我需要添加另一个rich:calendar组件,但是outputLabel隐藏了图标 代码(已编辑): 我所能看到的唯一有可能导致问题的是列类中的类顺序,即“titreconne,,,,,,,,,,,,,,,,”,而您现在更改为“titreconne,,,,,,,,,,,,, 之前,您尝试在rich:calendar列上应用40px宽度(titrecontcolone位于第二个rich:calendar列,而不是au列) 我建议更改此CSS以获

如何保持
rich:calendar
组件的图标显示

我需要添加另一个
rich:calendar
组件,但是
outputLabel
隐藏了图标

代码(已编辑):


我所能看到的唯一有可能导致问题的是
列类中的类顺序,即
“titreconne,,,,,,,,,,,,,,,,”
,而您现在更改为
“titreconne,,,,,,,,,,,,,

之前,您尝试在
rich:calendar
列上应用40px宽度(titrecontcolone位于第二个
rich:calendar
列,而不是au列)

我建议更改此CSS以获得更好的样式:

.titreCourtColonne {
    text-align: center;
    white-space: nowrap;
    width: 20px;
}

您能发布与此部分相关的视图代码吗?请使用
边距
,因为这很可能是纯CSS问题。@AlexandreLavoie我编辑了此帖子;)@skuntsel我试着使用
右边距
,但我也有同样的问题!在Firebug中打开渲染视图,并在所需区域周围使用CSS,以了解要更改的内容。
div.rf-ac-itm {
height: auto !important;
overflow: visible;
}


div.rf-ac-itm-cnt {
height: auto !important;
overflow: visible;
}

.critereLigneAugmente td {
padding-bottom: 0px;
}

.espaceVideCalendar {
width: 10px;
}
.espaceVide {
width: 20px;
}

.espaceColonne {
width: 30px;
}

.titreColonne {
text-align: right;
white-space: nowrap;
width: 180px;
}

.titreCourtColonne {
text-align: right;
white-space: nowrap;
width: 40px;
}

.titreColonne .libelle,.titreColonne label {
padding-right: 10px;
}

.titreColonne .libelle label {
padding-right: 0px;
}

.largeurFixeCriteres{
width: 120px;
overflow: visible;
}
.criteresSaisie {
margin: 10px;
}
.largeurFixeCriteresTiers {
width: 120px;
overflow: visible;
}
.critereLigneAugmente td {
padding-bottom: 0px;
}

.finDeLigne {
width: 0px;
}
.titreCourtColonne {
    text-align: center;
    white-space: nowrap;
    width: 20px;
}