Richfaces не отображается должным образом

Question

Я новичок в интерфейсах, и у меня возникают некоторые проблемы с его внедрением.

Я пытаюсь реализовать rich: tabPanel. Однако это не будет сделано. Текст заголовков и содержимое первой вкладки отображаются как обычный текст. Я попытался вставить еще один богатый: календарь на странице, и это отображается правильно. Я использую богатый 4.2.3

Вот выход для tabPanel

Profile Enquiry LdapMgmt AccessMgmt 
« 
↓ 
» 
Profile Content 

Вот уменьшенная версия моей страницы

<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
xmlns:f="http://java.sun.com/jsf/core" 
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:ui="http://java.sun.com/jsf/facelets" 
xmlns:sec="http://www.springframework.org/security/tags" 
xmlns:rich="http://richfaces.org/rich" 
xmlns:c="http://java.sun.com/jsp/jstl/core"> 

<h:form> 
    <rich:panel> 
     <rich:tabPanel switchType="ajax" headerAlignment="left" 
      style="background-color:#B5CEFD;width:100%"> 
      <rich:tab label="Profile" name="Profile">Profile Content</rich:tab> 
      <rich:tab label="Enquiry" name="Enquiry"> 
Enquiry Content 
      </rich:tab> 
      <rich:tab label="LdapMgmt" name="LdapMgmt">Ldap User Management</rich:tab> 
      <rich:tab label="AccessMgmt" name="AccessMgmt">Account Access Management</rich:tab> 
     </rich:tabPanel> 
    </rich:panel> 

Answer 1

Просто написать пользовательский CSS для компонентов лиц. Это произошло, так как я не использовал стиль по умолчанию, поэтому у компонентов не было стиля, связанного с ними. Создание пользовательской таблицы стилей для компонентов разрешило проблему.

Answer 2

Я добавляю это для справки. То же самое может произойти, если вы используете ajax для отображения вкладки, а вкладки css-файлы не были загружены. Решение состоит в том, чтобы убедиться, что вкладка CSS загружена при загрузке страницы, даже если вкладка не отображается.