WebPart 프레임워크의 이해 - 커스터마이징 가능한 페이지 만들기4

Zone과 관련된 속성 설정하기

이번에는 WebPartZone에 대한 여러 가지 속성을 설정하도록 하겠습니다. WebPartZone에도 일반적인 서버 컨트롤과 마찬가지로 여러 가지 기본 속성들을 설정할 수 있습니다. 예를 들면 BackColor, ForeColor, CssClass, Font 와 같은 것들이 있겠지요.

여기서는 이런 기본 속성들 외에 WebPartZone에서만 가지고 있는 속성들과 그리고 Zone안에 있는 WebPart에도 영향을 미칠 수 있는 속성들에 대해서 알아 보도록 하겠습니다.

~Verb 속성 설정하기

WebPartZone에는 ~Verb 속성이 여러 개 존재합니다. Verb는 우리말로 ‘동사’라는 뜻이 있고 실제로 한글 Visual Studio 에서도 동사라고 번역해서 사용하고 있습니다. 하지만 여기서는 그냥 Verb라는 영단어를 그대로 사용하도록 하겠습니다. WebPartZone에서 ~Verb 속성은 ‘최소화’, ‘복원’, ‘닫기’와 같이 페이지를 실행 할 때 Zone 안에 있는 WebPart 컨트롤에 대해서 취할 수 있는 커스터마이징 기능(action)을 의미합니다. ~Verb 속성에는 EditVerb, CloseVerb, DeleteVerb, MinimizeVerb, ResotreVerb, HelpVerb, ConnectVerb, ExportVerb가 있습니다. 이름에서 그 기능을 추정할 수 있을 겁니다. 각 Verb 속성에 대한 자세한 설명은 생략^^ 하도록 하겠습니다.

그런데 주의 깊게 살펴 볼것은 ~Verb 속성을 설정하더라도 Verb와 관련된 메뉴는 WebPartZone 안에 있는 WebPart에 대해서 나타난다는 것입니다. 예를 들면 우리가 사용하는 예제는 FirstWebPartsSites의 Default.aspx에서 WebPartZone1에 대해서 TextBox와 Button 컨트롤을 가지는 GenericWebPart 두 군데에 모두 Verb 메뉴를 가진다는 것이지요. ~Verb 속성은 WebPartZone1에 대해서 설정되어 있는 것인데 말입니다.

~Verb 메뉴의 형식은 WebPartVerb 형식입니다. WebPartVerb 형식은 자신의 속성을 가지는데 Description, Enalbed, Text, Visible 속성을 가집니다. 각각의 속성에 대한 자세한 설명은 여기서는 생략^^ 하도록 하겠습니다.

WebPartZone에는 ~Verb 속성외에 AllowLayoutChange 속성을 알아두면 좋을 것 같습니다. AllowLayoutChange 속성을 False로 설정하면 Zone안에 WebPart를 추가하거나, 제거하거나, 혹은 이동하는 작업을 할 수가 없습니다..

Verb 메뉴에 대한 속성 설정하기

Verb 메뉴는 WebPart에서 오른쪽 위에서 펼쳐 볼 수 있는 드롭다운 메뉴를 말합니다. 즉 Verb 메뉴에서 WebPart에 대한 커스마이징 기능(action)을 선택할 수 있습니다. 기본적으로 오른쪽 상단에 조그만 아래 방향 화살표가 나타나고, 이 화살표를 누르면 Verb 메뉴가 나타납니다.

WebPartZone의 속성 중에 Verb 메뉴가 보여지는 방식을 결정할 수 있는 속성이 몇 가지 있습니다.

- MenuLabelText

- MenuLabelStyle

- MenuLabelHoverStyle

- MenuVerbStyle

- MenuVerbHoverStyle

- MenuCheckImageURL

- MenuCheckImageStyle

- MenuPopupImageURL

아래그림은 MenuLabeText 속성을 “이 영역 설정” 이라고 지정하고, MenuLabelStyle의 하위 속성으로 배경색과 BorderStyle을 solid로 그리고 BorderWidth를 1로 설정한 결과입니다.

WebPartZone에 대한 스타일 속성 지정하기

Verb 메뉴 뿐만 아니라 WebPartZone 자체와 Zone 안에 있는 컨트롤에 대한 모양을 지정할 수 있는 속성들이 많이 있습니다.

- BackColor, BorderColor, Font

- CssClass 등등

Zone의 각 부분별로 설정 가능한 속성으로는

- HeaderStyle

- FooterStyle

- MenuVerbStyle

- PartStyle

- PartTitleStyle

- PartChromeStyle

- SelectedPartChromeStyle 등이 있습니다.

이밖에도

- ShowTitleIcons : false로 설정하면 타이틀 바에 아이콘 이미지가 보이지 않게 합니다.

- BackImageURL : WebPartZone의 배경 이미지의 URL입니다.

등이 있습니다.

참고로 아래 그림 처럼 WebPartZone의 스마트태그를 열어서 “자동 서식...”을 선택하면 미리 설정된 스타일을 적용할 수 있습니다.