GXT 3 변경 탭 스타일 (CSS를 추가)

Question

GXT 3 탭 내가 가진

 tabPanel.add(html, new TabItemConfig(title, true)); 

가이 탭의 이름도 내용의 스타일을 변경하는 탭 패널에 추가하는 기능을 가지고 있습니다. 이것들은 아무런 효과가 없습니다 :

  tabPanel.setStyleName("tab-title", true); 
      html.setStyleName("tab-title", true); 

TabItemConfig에는 스타일을 변경할 방법이 없습니다. 달성하는 방법 ...

Answer 1

난 당신이 해결책을 발견했습니다,하지만 난 그냥 아주 간단하기 때문에, 여기를 떠나 누군가의 시간을 절약 할 수 있습니다 참조 : 다음

class StylableTabPanel extends TabPanel { 
    public void applyTabStyles(Widget widget, String styles) { 
     findItem(getWidgetIndex(widget)).applyStyles(styles); 
    } 
} 

:

을

tabPanel = new StylableTabPanel(); 
HTML shortText = new HTML("Lorem ipsum..."); 
tabPanel.add(shortText, "Short Text"); 
HTML longText = new HTML("<b>lorem ipsum dolor sit amet...</b>"); 
tabPanel.add(longText, "Long Text"); 
tabPanel.applyTabStyles(longText, "margin-left: 300px;");