대화 상자 편집기

대화 상자 편집기는 대화 상자와 스캐폴드를 쉽게 만들고 편집할 수 있는 그래픽 인터페이스를 제공합니다.

작동 방식을 보려면 CRXDE Lite으로 이동하여 /libs/foundation/components/chart에 대한 탐색기 트리를 연 다음 dialog 노드를 두 번 클릭하십시오.

대화 상자 노드가 대화 상자 편집기​에서 열립니다.

사용자 인터페이스 개요

대화 상자 편집기 인터페이스는 다음 4개의 창으로 구성됩니다.

• 왼쪽 위 모퉁이에 있는 팔레트. 이 창에는 탭 패널, 텍스트 필드, 선택 목록 및 버튼과 같은 대화 상자를 작성하는 데 사용할 수 있는 위젯이 포함되어 있습니다. 원하는 분할자 막대를 클릭하여 팔레트 내의 여러 카테고리를 확장할 수 있습니다.
• 왼쪽 아래 모퉁이에 있는 구조 창 이 창에는 대화 상자 정의를 구성하는 노드의 계층 구조가 표시됩니다. CRXDE Lite 또는 CRX 컨텐츠 탐색기에서 대화 상자 노드를 확장하면 동일한 구조를 볼 수 있습니다.
• 창의 가운데에 있는 render 창 이 창에는 구조 창에 정의된 대화 상자 정의가 실제 대화 상자로 렌더링되는 방법이 표시됩니다.
• 속성 창 이 창에는 구조 창에서 현재 강조 표시된 노드의 속성이 표시됩니다.

대화 상자 편집기 사용

대화 상자를 만들기 위해 사용자는 팔레트에서 구조 창으로 요소를 드래그하여 대화 상자 정의 계층 구조 내 위치로 드롭합니다.

원하는 구조가 완료되면 렌더링 창의 맨 위에서 저장​을 클릭합니다.

새 대화 상자 만들기

새 대화 상자를 만들려면 필요한 구성 요소를 선택해야 합니다. 만들기…를 클릭합니다.​을 클릭한 다음 대화 상자 만들기….

필요한 세부 정보를 입력한 다음 모두 저장​을 클릭합니다. 이제 대화 상자를 두 번 클릭하여 편집기로 열 수 있습니다.

스캐폴드에 대한 대화 상자 편집기 사용

Scaffold는 한 번에 작성하여 제출할 수 있는 양식을 포함하는 특수 페이지입니다. 이렇게 하면 입력한 컨텐츠를 사용하여 페이지를 빠르게 만들 수 있습니다.

Scaffold를 구성하는 양식은 다른 형태로 Scaffolding 페이지에 나타나더라도 일반적인 대화 상자처럼 대화 상자 정의에 의해 정의됩니다. 대화 상자 정의는 스캐폴드를 정의하는 데 사용되므로 대화 상자 편집기를 사용하여 스캐폴드를 디자인할 수 있습니다. 이러한 방식으로 대화 상자 편집기를 사용할 경우 렌더링 창에 대화 상자 형식이 스캐폴드가 아닌 스캐폴드로 표시됩니다.

대화 상자 편집기를 사용하여 스캐폴드를 만드는 방법에 대한 자세한 내용은 Scaffolding을 참조하십시오.