📜  RichFaces Rich:Popuppanel

📅  最后修改于: 2021-01-08 12:35:09             🧑  作者: Mango

RichFaces

该组件提供了一个弹出面板,该弹出面板显示在网页的前面。可以将其放置在屏幕上,拖动到新位置并由用户调整大小。

它不需要任何强制属性。

样式类和皮肤参数

下表包含popupPanel的样式类(选择器)和相应的外观参数。

Class Function Skin Parameters Mapped CSS properties
.rf-pp-btn It is used to define styles for the pop-up panel button. No skin parameters.
.rf-pp-shade It is used to define styles for the shading that covers the page when presenting a modal pop-up panel. No skin parameters.
.rf-pp-cntr It is used to define styles for the container for the pop-up panel. panelBorderColor
generalBackgroundColor
border
background
.rf-pp-hdr It is used to define styles for the header of the pop-up panel. headerBackgroundColor background
.rf-pp-hdr-cnt It is used to define styles for the content of the header. headerTextColor
headerWeightFont
color
font-weight
.rf-pp-cnt It is used to define styles for the content of the pop-up panel. generalFamilyFont
generalSizeFont
font-size
background
.rf-pp-cnt-scrlr It is used to define styles for the scroll bars of the pop-up panel. generalBackgroundColor background
.rf-pp-hndlr It is used to define styles for borders of the pop-up panel. The border handler is used to re-size the panel. No skin parameters.
.rf-pp-hndlr-t, .rf-pp-hndlr-b, .rf-pp-hndlr-l, .rf-pp-hndlr-r, .rf-pp-hndlr-tl, .rf-pp-hndlr-tr, .rf-pp-hndlr-bl, .rf-pp-hndlr-br These classes define styles for the top, bottom, left, right, top-left, top-right, bottom-left, and bottom-right edges of the border handler. No skin parameters.

在下面的示例中,我们正在实现< rich:popupPanel >组件。本示例包含以下文件。

JSF文件

// rich-popup.xhtml






Rich Pop-Up





This is a pop-up message.

输出:

单击弹出链接后。