2017-10-28 1 views
1

Vaadin의 VerticalLayout 안에 CustomComponent를 사용하고 있습니다. 캡션의 스타일을 대담하게 변경하고 싶습니다. 그러나 작동하지 않습니다. 아래Vaadin 8에서 CustomComponent 캡션의 스타일을 바꿀 수 있습니까?

내 CALSS :

공용 클래스 MyTab이 CustomComponent가 UpdatableComponent를 구현 확장 {

public MyTab() { 

     HorizontalSplitPanel panel = new HorizontalSplitPanel(); 
     panel.setSplitPosition(218, Unit.PIXELS); 
     panel.setFirstComponent(createFirstPanelComponent()); 
     panel.setSecondComponent(createSecondPanelComponent()); 
     panel.setLocked(true); 
     panel.addStyleName("has_border"); 
     setCaption("This is my title"); 
     addStyleName("padding-bottom-10px"); 
     addStyleName("bold-caption"); 
     } 
     setSizeFull(); 
     setCompositionRoot(panel); 
    } 

} 

나는 나의하는 SCS 파일 내부에 "대담한 캡션"에 대한 이러한 정의를 시도했다. 그들 중 누구도 일하지 않았다 :

  • .bold-caption { font-weight : bolder! important; }
  • .bold-caption.v-caption { font-weight : bolder! important; }
  • .bold-caption.v-caption.v-captiontext { font-weight : bolder! important; }
  • .bold-caption {.v-caption { font-weight : bolder! important; }}

주요 질문은 다른 레이아웃 내부의 Vaadin에서 맞춤 구성 요소의 캡션을 어떻게 스타일링합니까? 어떤 해결책이 있습니까?

답변

0

나는 이것을 알아 냈다. 내가 사용 :

.v-caption.bold-caption { 
    font-weight: bolder !important; 
    } 

캐시를 remvoe하고 Vaadin이 부가 기능은 사람을 사용하는 경우 응용 프로그램을 빌드하는 것을 잊지 마십시오.

관련 문제