728x90

목록grid (3)

DBILITY

bootstrap grid system

div에 css를 통해 가로길이를 정해주는 기능으로 정해준 길이만큼 공간 점유 가로 한줄을 12등분하여 비율로 정해 배치할 수 있다. 기본 코드형태는 다음과 같다. col-칸수 형태는 bootstrap4에서만 지원한다. bootstrap3에선 col-scale-숫자 형태로 12등분 중 몇칸을 점유할지 설정한다. scale은 extra small,small, middle, large, extra large순이다. col-sm-숫자 : 576px이하면 세로로 배치 col-md-숫자 : 768px이하면 세로로 배치 col-lg-숫자 : 992px이하면 세로로 배치 col-xl-숫자 : 1200px이하면 세로로 배치 쉽게 사용하도록 도움이 되는 사이트는 아래와 같다. Shoelace - Visual Bootst..
front-end & ui/bootstrap 2019. 5. 22. 13:37
vaadin 8 grid datefield sample

form layout을 이용해 form field를 구성하던 것과 유사하다. 일단 되기는 하는데 공식 사이트나 공식 소개 책자에도 잘 나오지 않는다. 못 찾는 건가? 다른 방법도 찾아봐야겠다. ListDataProvider는 changeEvent가 발생하지 않는 걸까... DateField fieldRegDate = new DateField(); fieldRegDate.setDateFormat("yyyy-MM-dd"); fieldRegDate.setResolution(DateResolution.DAY); fieldRegDate.setLocale(Locale.getDefault()); fieldRegDate.setLenient(true); fieldRegDate.addStyleName(ValoTheme.D..
front-end & ui/vaadin legacy 2018. 7. 19. 16:26
vaadin table/grid Image display

VO class에 String으로 저장된 Image file명으로 Table/Grid에 Image를 출력하고자 할 경우 CellStyleGenerator를 구현하면 된다. Grid의 경우 추가적으로 Renderer를 설정해야 하며, 다음은 코드 일부다 grid.getColumn("image").setRenderer(new ImageRenderer(),new Converter(){ @Override public String convertToModel(ThemeResource value, Class
front-end & ui/vaadin legacy 2018. 7. 2. 14:14
Prev 1 Next
728x90