如何在 PrimeFaces 中制作蒙皮标题栏
在 PrimeFaces 展示页面上有一个简单的标题栏,适合实际主题。我的意思是此页面上的“欢迎来到 PrimeFaces 展示”文本: http://www.primefaces .org/showcase/ui/home.jsf
这不是一个按钮,也不是任何类型的响应式控件,只是一个主题文本框或标题栏。
我搜索了很多,但找不到一个简单的
可以生成这种结果的组件。
谁能帮我,如何在 PrimeFaces 中制作这样的元素?
On PrimeFaces showcase page there is a simple title bar which fits in the actual theme. I mean the "Welcome to PrimeFaces showcase" text on this page: http://www.primefaces.org/showcase/ui/home.jsf
This is not a button nor any kind of responsive control, just a themed textbox or title bar.
I've searched a lot but I was not able to find a simple <p: > component which can generate this kind of result.
Can anybody help me, how to make such an element in PrimeFaces?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以在这里找到欢迎页面的 xhtml 代码 -
home.xhtml(home.jsf)
:http://code.google.com/p/primefaces/source/browse/examples/trunk/showcase/src/main/webapp/ui/home.xhtml?r=5567作为你可以看到,“标题栏”只是一个简单的
标签和一些 css:
在那里你可以找到整个 primefaces 网站/项目,以及 CSS 文件,但是最好实现你的CSS......
Here you can find the xhtml code for the welcome page -
home.xhtml(home.jsf)
: http://code.google.com/p/primefaces/source/browse/examples/trunk/showcase/src/main/webapp/ui/home.xhtml?r=5567As you can see there, the 'title bar' is just a simple
<h1>
tag with some css:There you can find the entire primefaces website/project, and the CSS files as well, but it's better to implement your CSS...
您可以使用
标签。虽然它的主要用途在于将多个内容组合在一起,但它确实提供了您正在寻找的标题栏的效果。
您可以使用 CSS 将
标签与其他标签(如、
)包围起来,以提供更多信息影响。
You can use
<p:toolbar>
tag for it.Though its main usage lies in grouping together several content, But it does give the effect of a Title Bar you are looking for.
You can surround the
<p:outputLabel>
tag with other tags like<h1>
,<p>
with CSS to give more effect.