RealGrid2 테마

RealGrid2는 눈에 보이는 모든 부분을 사용자 스타일로 변경할 수 있도록 다양한 스타일 클래스를 제공하고 있습니다. RealGrid2 패키지에는 아래와 같은 7개의 테마가 기본으로 포함되어 있으며, 테마 스타일은 assets/styles폴더에 css 파일로 제공됩니다.

Basic

• 라이트 Light (default)

  realgrid-style.css
• 다크 Dark

  realgrid-dark.css

Advanced

• 화이트 White

  realgrid-white.css

• 스카이 블루 Sky Blue

  realgrid-sky-blue.css

• 갤럭시 블루 Galaxy Blue

  realgrid-galaxy-blue.css

• 레드 와인 Red Wine

  realgrid-red-wine.css

• 하이 콘트라스트 High Contrast

  realgrid-high-contrast.css

기본 그리드에 테마 적용

테마를 적용하려면 RealGrid2 패키지에 포함된 스타일 파일을 그리드 스타일로 적용하시면 됩니다.

예를 들어 스카이 블루 Sky Blue 테마를 적용하려면 아래와 같습니다.

<!-- RealGrid -->
<link href="realgrid.2.0.0/realgrid-sky-blue.css" rel="stylesheet" />
<script src="realgrid.2.0.0/realgrid-lic.js"></script>
<script src="realgrid.2.0.0/realgrid.2.0.0.min.js"></script>

아래 테마 이름의 버튼을 눌러 그리드에 테마를 적용해 보세요.