Css Xpages无线组标签放置
看起来很简单,但我无法破解。我想要的只是单选按钮组中每个值的标签,以显示在每个单选按钮上方。。。。。尝试了一些CSS的东西,但到目前为止还没有雪茄,所以任何指点都将不胜感激 我在自定义控件中使用复合数据对象传递值Css Xpages无线组标签放置,css,xpages,radio-group,Css,Xpages,Radio Group,看起来很简单,但我无法破解。我想要的只是单选按钮组中每个值的标签,以显示在每个单选按钮上方。。。。。尝试了一些CSS的东西,但到目前为止还没有雪茄,所以任何指点都将不胜感激 我在自定义控件中使用复合数据对象传递值 <xc:ccQuestionInterimRadios required="true" dataSource="#{document1}" fieldName="test" helpText="Please select an answer" placeh
<xc:ccQuestionInterimRadios required="true"
dataSource="#{document1}" fieldName="test"
helpText="Please select an answer"
placeholder="Enter any further details here..."
questionHeader="primary" questionTextNJD="QuestionTextNJD"
questionText="Question text goes here">
<xc:this.radioOptions><![CDATA[#{javascript:return ['1', '2', '3', '4', '5'];}]]></xc:this.radioOptions>
</xc:ccQuestionInterimRadios>
这些值传递为:
<xp:selectItems>
<xp:this.value><![CDATA[#{javascript:compositeData.radioOptions}]]></xp:this.value>
</xp:selectItems>
输出的HTML为:
<label for="view:_id1:_id2:_id45:_id46:radioGroupOptions:0">
<input type="radio" id="view:_id1:_id2:_id45:_id46:radioGroupOptions:0" name="view:_id1:_id2:_id45:_id46:radioGroupOptions" value="1">
1
</label>
1.
一个选项是创建自定义渲染器。有关如何为无线电组执行此操作的详细信息,请参见此处一个选项是创建自定义渲染器。有关如何为单选按钮组执行此操作的详细信息,请参见此处用面板和“上面的标签”类围绕单选按钮组
并将以下条目添加到样式表中:
。上面的标签{
高度:35px;
}
.标签上方的标签{
位置:相对位置;
}
.标签位于标签输入上方{
位置:绝对位置;
顶部:15px;
}
这将显示单选按钮上方的标签
用一个面板和一个类别“上面的标签”环绕您的单选按钮组
并将以下条目添加到样式表中:
。上面的标签{
高度:35px;
}
.标签上方的标签{
位置:相对位置;
}
.标签位于标签输入上方{
位置:绝对位置;
顶部:15px;
}
这将显示单选按钮上方的标签
嗨,克努特,谢谢你,上周我忘了发表评论,但我还没有尝试,因为我被拉上了其他东西,但我会再次访问,并在尝试后让你知道它是如何进行的。Cheers@Chris:还有,你能让它运行吗?抱歉,要求取消了,但是我刚刚用你的解决方案做了一个快速测试,它工作得非常好。谢谢克努特,谢谢你,上周我忘了发表评论,但我还没有尝试,因为我被拉上了其他东西,但我会再次访问,并让你知道它是如何进行的,一旦我尝试。Cheers@Chris:还有,你能让它运行吗?抱歉,要求取消了,但是我刚刚用你的解决方案做了一个快速测试,它工作得非常好。谢谢