그리드 스타일 지정 및 상태 서식 적용
그리드에 상태 서식 적용
표준 스타일 정의 엔티티를 사용하면 상태 기반 서식을 그리드 행 및 열에 두 가지 방식인 행 기반 및 셀 기반으로 적용할 수 있습니다. 셀 기반 서식 적용은 단일 열 아래의 셀에 스타일을 적용합니다. 셀 값을 기준으로 전체 행에 조건부 서식 스타일을 적용하려면 열 기반 서식 적용을 사용합니다.
열에 상태 서식을 적용하려면 다음을 수행합니다.
1. Mashup Builder에서 그리드에 대한 위젯 구성 대화 상자를 엽니다.
2. 왼쪽 창에서 상태 서식을 적용할 열을 선택한 다음 오른쪽에 있는 상태 서식 적용 탭을 엽니다.
3. 상태 기반 스타일 정의를 선택합니다.
◦ 종속 필드에서 상태 서식 적용에 사용할 인포테이블 필드를 선택합니다. 일반적으로 종속 필드는 현재 열 이름과 동일합니다. 그러나 인포테이블의 열 값을 기준으로 상태 정의 규칙을 적용할 수 있습니다.
◦ 상태 정의 아래에서 상태 정의 엔티티를 선택합니다.
◦ 여러 조건 또는 값에 서로 다른 스타일을 적용하는 여러 규칙을 생성합니다.
◦ 단일 조건 또는 값을 기준으로 스타일을 적용하는 단일 규칙을 생성합니다.
4. 완료를 클릭하여 대화 상자를 닫은 다음 매쉬업을 봅니다.
행에 상태 서식을 적용하려면 다음을 수행합니다.
1. Mashup Builder의 캔버스에서 또는 탐색기 패널을 사용하여 그리드 위젯을 선택합니다.
2. 속성 패널에서 RowFormat 속성 옆에 있는 상태 서식 적용 버튼을 클릭합니다. 상태 서식 적용 구성 대화 상자가 열립니다.
3. 상태 기반 스타일 정의를 선택한 다음 종속 필드 아래에서 행 서식 적용에 사용할 데이터가 있는 인포테이블 열을 선택합니다.
4. 상태 정의 아래에서 그리드 행에 적용할 상태 정의를 선택합니다.
◦ 필요한 경우 각 상태의 기본값 및 스타일 정의를 변경합니다.
5. 완료를 클릭하여 대화 상자를 닫은 다음 매쉬업을 봅니다.
선택한 열 셀의 값을 기준으로 행 스타일이 변경됩니다.
상태 서식 적용에 대한 자세한 내용은
위젯에 상태 서식 적용을 참조하십시오.
매쉬업 스타일 테마를 사용하여 그리드 위젯 스타일 지정
1. Composer에서 현재 매쉬업 스타일 테마를 열고 편집합니다.
2. 스타일 탭의 요소 아래에서 그리드 및 목록을 확장한 다음 그리드를 확장합니다.
3. 배경, 텍스트 및 테두리에 대한 배경 및 텍스트 스타일 설정을 편집합니다. 테두리 스타일은 테두리 및 구분선(미리 보기)에서 사용할 수 있습니다.
테마 미리 보기 매쉬업의 Grids and Lists 탭에서 위젯에 대한 변경 사항을 미리 볼 수 있습니다.
4. 저장을 클릭하여 스타일 테마에 대한 변경 사항을 저장합니다.
위젯 스타일 속성 편집
1. Mashup Builder의 캔버스에서 그리드 위젯을 선택한 다음 스타일 속성 패널을 엽니다.
2. 위젯 상태를 확장하여 부품 목록을 표시한 다음 위젯 부품에 사용할 수 있는 스타일을 편집합니다.
3. 저장을 클릭합니다