Red Hat Summit Red Hat SummitSupportKonsoleEntwicklerDemo startenKontakt

Dieser Inhalt ist in der von Ihnen ausgewählten Sprache nicht verfügbar.

4.4.3. Example

The following is an example of a simple panel component: 
<rich:panel> ... </rich:panel>
Copy to Clipboard Toggle word wrap
This code generates a panel component on a page, which consists of two elements: a wrapper <div> element and a <div> element for the panel body with the specified style properties. The wrapper <div> element will look like this: 
<div class="dr-pnl rich-panel">
     ...
</div>
Copy to Clipboard Toggle word wrap
dr-pnl is a CSS class that is specified in the framework via skin parameters:
  • background-color is defined with generalBackgroundColor
  • border-color is defined with panelBorderColor
You can change all colors for all panels on all pages by changing these skin parameter values. However, if you specify a <rich:panel> class on the page, its parameters are also acquired by all panels on this page.
Developers can also change the style properties for panel. For example: 
<rich:panel styleClass="customClass" />
Copy to Clipboard Toggle word wrap
The previous definition could add some style properties from customClass to one particular panel. As a result, we will get three styles: 
<div class="dr_pnl rich-panel customClass"> 
	...
</div>
Copy to Clipboard Toggle word wrap
Nach oben
Red Hat logoGithubredditYoutubeTwitter

Lernen

Testen, kaufen und verkaufen

Communitys

Über Red Hat Dokumentation

Wir helfen Red Hat Benutzern, mit unseren Produkten und Diensten innovativ zu sein und ihre Ziele zu erreichen – mit Inhalten, denen sie vertrauen können. Entdecken Sie unsere neuesten Updates.

Mehr Inklusion in Open Source

Red Hat hat sich verpflichtet, problematische Sprache in unserem Code, unserer Dokumentation und unseren Web-Eigenschaften zu ersetzen. Weitere Einzelheiten finden Sie in Red Hat Blog.

Über Red Hat

Wir liefern gehärtete Lösungen, die es Unternehmen leichter machen, plattform- und umgebungsübergreifend zu arbeiten, vom zentralen Rechenzentrum bis zum Netzwerkrand.

Theme

© 2025 Red Hat