I applied rain theme to my web project without using the crud.xhtml provided. When I change Layout Mode, components like DataTable/Toolbar header did not change, but the topbars, menu and etc works fine.
Is there any special style class I need to apply to my component for the theme to take effect?
This is my web.xml primefaces theme
Code: Select all
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>#{sessionBean.userPreference.theme}</param-value>
</context-param>
Code: Select all
public String getTheme() {
return "rain" + '-' + this.componentTheme + '-' + this.darkMode;
}
Code: Select all
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/templates/template.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:sec="http://www.springframework.org/security/tags">
https://imgur.com/a/tuUGmUI
Please kindly assist, thanks.