기본 홈 아이콘을 변경하는 방법

Question

내 기본 앱 테마는 Redmond이며 빵 부스러기를 통해 다른 홈 아이콘 색상을 사용하고 싶습니다.

다른 색을 사용하기 위해 pom.xml에 hot-snneak 테마를 추가했습니다.

<dependency> 
     <groupId>org.primefaces.themes</groupId> 
     <artifactId>hot-sneaks</artifactId> 
     <version>1.0.10</version> 
     <scope>compile</scope> 
    </dependency> 

DefaultMenuItem에서 집 아이콘을 어떻게 바꿀 수 있습니까?

private void createHomeMenu() { 
    // Create home menuItem 
    DefaultMenuItem home = new DefaultMenuItem(); 
    home.setIcon(??); 
    home.setAjax(true); 

    breadCrumbModel.addElement(home); 
} 

감사

Answer 1

Primefaces은 스타일 UI에 대한 jQuery themeroller를 사용합니다. Primeface에서 사용 된 모든 아이콘은 거기에서옵니다. 따라서 jquery icons에서 만족 아이콘을 선택할 수 있습니다.

public class BreadcrumbView { 

    private MenuModel model; 

    @PostConstruct 
    public void init() { 
     model = new DefaultMenuModel(); 

     DefaultMenuItem item = new DefaultMenuItem("External"); 
     item.setUrl("http://www.primefaces.org"); 
     item.setIcon("ui-icon-home"); 
     model.addElement(item); 

    } 

    public MenuModel getModel() { 
     return model; 
    } 
} 

그러나, 당신은 CSS 스타일 클래스를 사용하여 사용자 지정 아이콘을 지정할 수 있습니다

public class BreadcrumbView { 

    private MenuModel model; 

    @PostConstruct 
    public void init() { 
     model = new DefaultMenuModel(); 

     DefaultMenuItem item = new DefaultMenuItem("External"); 
     item.setUrl("http://www.primefaces.org"); 
     item.setIcon("xlogo"); 
     model.addElement(item); 

    } 

    public MenuModel getModel() { 
     return model; 
    } 
} 

과 같은 resources/default/images/icons 폴더에있는 이미지로드 :

.xlogo { 
    background: url('#{resource['default:images/icons/x_logo.png']}') no-repeat; 
    height:16px; 
    width:16px; 
} 

을