如何在 PrimeFaces 中制作蒙皮标题栏

发布于 2024-12-20 21:31:57 字数 329 浏览 2 评论 0原文

在 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

梦在夏天 2024-12-27 21:31:57

您可以在这里找到欢迎页面的 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:

<h1 class="title ui-widget-header ui-corner-all">Welcome to PrimeFaces ShowCase</h1>

在那里你可以找到整个 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=5567

As you can see there, the 'title bar' is just a simple <h1> tag with some css:

<h1 class="title ui-widget-header ui-corner-all">Welcome to PrimeFaces ShowCase</h1>

There you can find the entire primefaces website/project, and the CSS files as well, but it's better to implement your CSS...

亚希 2024-12-27 21:31:57

您可以使用 标签。
虽然它的主要用途在于将多个内容组合在一起,但它确实提供了您正在寻找的标题栏的效果。

<p:toolbar>
   <p:toolbarGroup align="left">
       <p:outputLabel value="Welcome!!" />
   </p:toolbarGroup>
</p:toolbar>

您可以使用 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.

<p:toolbar>
   <p:toolbarGroup align="left">
       <p:outputLabel value="Welcome!!" />
   </p:toolbarGroup>
</p:toolbar>

You can surround the <p:outputLabel> tag with other tags like <h1>, <p> with CSS to give more effect.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文