그리드 헤더 색상 적용 및 테마 적용 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS 그리드 헤더 색상 적용 및 테마 적용

페이지 정보

작성자 승원 작성일 22-01-13 10:35 조회 15회 댓글 0건
제품 버전 : 5.20213.824

본문

Vue.js 환경에서 아래의 사진과 같이 페이지 전체의 그리드의 테마를 지정해주는 방법이나,

그리드 헤더의 색상을 제가 원하는 색상으로 커스텀이 가능한지 문의드립니다.


f737c4130d1cc5bcbab53741daf41d8e_1642037708_0824.PNG
 


  • 페이스북으로 공유
  • 트위터로  공유
  • 구글플러스로 공유
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: 그리드 헤더 색상 적용 및 테마 적용

페이지 정보

작성자 GCK루시 작성일 22-01-13 15:12 댓글 0건

본문

안녕하세요 그레이프시티입니다.


문의 주신 내용과 관련하여 답변 드리고자 메일 보내 드립니다.

1. 그리드의 테마를 지정해주는 방법

=> Wijmo에서 테마를 지정해주기 위해서 원하는 테마의 모듈 파일(wijmo.theme.[ThemeName].css)을 import 해주시면 됩니다. 아래는 dark 테마를 가져오는 코드이며 다른 테마 리스트들은 Wijmo 파일이 있는 폴더에서 Dist/styles/themes에서 확인하시면 되십니다.

import "@grapecity/wijmo.styles/wijmo.css";
import "@grapecity/wijmo.styles/themes/wijmo.theme.dark.css";


2. 그리드 헤더의 색상을 제가 원하는 색상으로 커스텀이 가능한지 문의드립니다.

=> 그리드 헤더의 색상은 간단하게 CSS에서 설정이 가능하십니다. 아래 코드는 그리드 헤더를 빨간색으로 설정하는 코드이며 참고 부탁 드립니다.

.wj-flexgrid .wj-header {
  background-color: red;
}



다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 


감사합니다. 

그레이프시티 드림 



* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.

댓글목록

등록된 댓글이 없습니다.

그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@grapecity.com | 전화 : 1670-0583 | 경기도 안양시 동안구 시민대로 230, B-703(관양동, 아크로타워) 그레이프시티(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 Copyright ⓒ 2022 GrapeCity inc.