Primefaces选项卡视图标题大小与accordionpanel组合不正确
在p:accordionPanel旁边显示的p:tabView出现问题。选项卡视图的标题与整个accordionPanel的垂直尺寸相同。
最初它是在一个模板客户端中。我将其简化为以下演示：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:p="http://primefaces.org/ui"
xmlns:h="http://xmlns.jcp.org/jsf/html">
<h:head>
</h:head>
<h:body>
<div>
<div id="left" style="float: left">
<p:accordionPanel>
<p:tab title="Accordion">
X<br/>
Y<br/>
Z<br/>
</p:tab>
</p:accordionPanel>
</div>
<div id="right" style="margin-left: 150px">
<p:tabView>
<p:tab title="tabOne"> one </p:tab>
</p:tabView>
</div>
</div>
</h:body>
</html>
我用的是PrimeFaces5.0，GlassFish 4.1
共有1个答案
请尝试p:tabview的以下样式属性
<p:tabView style="display: inline-block; width: 100%">
<p:tab title="tabOne"> one </p:tab>
</p:tabView>
-
我使用primeface5.2。我想使用一个动态渲染选项卡的手风琴面板。我的xhtml代码： “existe”值存储在布尔值中，我的问题是它似乎从未在渲染属性中使用过。我得到了这个结果。tab rendered我尝试直接编写它，结果是一样的：选项卡总是呈现的。 你能帮帮我吗？
-
在我的应用程序中，我想使用一个动态tabView，其中每个选项卡都有一个不同页面的< code>ui:include。我有一个扩展< code>Tab的< code>TabObject列表。< code>TabObject有一个xhtml页面作为字符串属性: 在我的第一次尝试中，我想动态添加选项卡： 但是不适用于使用此技术的变量。到目前为止，我的解决方案是： 这是我的方法: 在事件回调中，我无法获
-
我有一个左向的Tabview。 我想减少选项卡标题的数量，它们太大了。我该怎么做？
-
问题内容： 我正在编写一个Java程序，并且在程序的某些部分中使用了JTextpane。在此JTextpane中，我使用制表符（\ t）来创建列，例如： 我可以在标签（\ t）距离处看到列中的值。制表符距离始终相同，我想更改此距离以改善外观。 您知道如何更改JTextPane中的制表符（\ t）大小吗？ 提前致谢。 问题答案：
-
我对tabView有问题。第一个选项卡应始终显示相同的内容（称为搜索模板，用#{not curSearch.isClosable（）}标识）。所有其他选项卡都是搜索实例（用#{curSearch.isClosable（）}标识） 代码如下： 不幸的是，在第一个选项卡上有一些被称为curSearch对象的方法，这些方法仅在第二个选项卡和后面的选项卡上使用。如果我不使用ui:insert，它不会改变任
-
[编辑] 类似于分部和模板的复杂嵌套问题 到目前为止，是使用Angulal-UI状态解决方案更好，还是应该坚持使用ng-包括？ 到目前为止，我在AngularJS应用程序中每个URL有一个视图。我需要建立一个新的视图，它应该有3个选项卡，我在试图弄清楚如何设计视图架构方面遇到了困难。 请注意，这3个选项卡后面的业务模型对象是相同的。 第一个选项卡用于查看和编辑业务对象上的数据。所以第一个选项卡中已