개요

상대 좌표를 이용하여 디자인한 화면은 탭 키 이동을 지원합니다. 즉, 사용자는 브라우저에서 탭 키를 눌러 UI 컴포넌트 사이를 이동할 수 있습니다. 보통의 경우, UI 컴포넌트의 배치 순서에 따라 탭 키가 이동합니다. 단, 모바일 같은 반응형 웹의 경우 탭 키 이동 순서를 강제적으로 지정해야 할 필요가 존재하여 이를 지원하는 기능을 제공합니다.

변경 방법

개발자는 nextTabID 속성에 탭 키를 통해 이동할 컴포넌트 ID를 지정할 수 있습니다

아래와 같이 탭 키 이동 순서를 지정하십시오.

1. 탭 키 이동을 편집하려는 화면 파일을 엽니다.

2. Design 탭에서 화면을 우클릭한 후 [Tab Order 편집모드]를 선택합니다.

3. 아래와 같이 탭 키 이동 순서를 결정할 수 있는 파란색 버튼이 표시되는지 확인합니다.

4. 기준이 될 컴포넌트를 클릭 후, 탭 키를 이동할 순서대로 컴포넌트를 Ctrl 버튼을 누른 채로 클릭합니다.

5. 지정한 순서에 따라 nextTabID가 속성이 지정되고 파란색 버튼이 빨간색으로 변경됩니다. ([Tab Order 다시계산] 선택 시 탭 키 이동 순서를 다시 지정할 수 있습니다.)

6. 탭 키 이동 순서 편집 모드를 종료하십시오.

지원 컴포넌트

nextTabID 속성을 지원하는 컴포넌트는 아래와 같습니다.

• Anchor

• AutoComplete

• CheckBox

• CheckComboBox

• GridView

• InputBox

• InputCalendar

• MultiSelect

• Radio

• SearchBox

• SelectBox

• Spinner

• TextArea

• Trigger

• WFrame(WFrame내의 컴포넌트의 firstTabID는 따로 지정)