TextItem style추가, SmartGWT

SmartGWT의 기본 css파일에 작성한 css를 추가해주도록 한다.

변경 스타일 예

.textItemBoxStyle,
.textItemBoxStyleFocused,
.textItemBoxStyleSelected,
.textItemBoxStyleSelectedFocused {
 /*background: url("./images/bullet_0.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);*/
 /*padding-left: 17px;*/
 color: #494949;
 text-align: left;
}
 
.textItemBoxStyle,
.textItemBoxStyleFocused,
.textItemBoxStyleSelected,
.textItemBoxStyleSelectedFocused {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color:#494949;
 
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 -ms-border-radius: 2px;
 -o-border-radius: 2px;
 border-radius: 2px;
 
 border: 1px solid #acacac;
 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #f2f2f2));
 background: -webkit-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
 background: -moz-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
 background: -o-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
 background: linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
 
 
 /*height: 18px;*/
 /*line-height: 150%;*/
 padding: 0 2px 0 2px;
}

css를 추가해준후 TextItem의 스타일을 재정의 해준다.

TextItem ti01 = new TextItem("name");
ti01.setTextBoxStyle("textItemBoxStyle");