프로그래밍 위젯 Programming Widget


_images/PGForm.png

폼 Form

_images/iu_manual_prop_pg_PGForm.png

폼 위젯입니다. Input 요소를 감싸주는 <form> 태그 위젯입니다. 따라서, Input 요소를 추가하기 전에 필수로 생성해야 합니다. 폼 위젯을 먼저 만들고 그 안에 Input 위젯을 넣어주세요.

속성

  • 하위요소 : 가능

  • 링크 : 불가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 가능

  • 백엔드 엘립시스 : 불가능


_images/PGTextField.png

인풋 텍스트 Input Text

_images/iu_manual_prop_pg_PGTextField.png

인풋 텍스트 위젯입니다. Form 위젯에 추가하여 사용자로부터 텍스트를 입력받을수 있습니다.

속성

  • 하위요소 : 불가능

  • 링크 : 가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 가능

  • 백엔드 엘립시스 : 불가능


_images/PGTextView.png

인풋 패러그래프 텍스트 Input Paragraph Text

_images/iu_manual_prop_pg_PGTextView.png

인풋 텍스트(문장) 위젯입니다. Form 위젯에 추가하여 사용자로부터 텍스트를 입력받을수 있습니다. (긴 문장에 사용)

속성

  • 하위요소 : 불가능

  • 링크 : 가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 가능

  • 백엔드 엘립시스 : 불가능


_images/PGSelect.png

셀렉트 Select

_images/iu_manual_prop_pg_PGSelect.png

셀렉트 위젯입니다. Form 위젯에 추가하여 사용자로부터 특정 값을 입력받을수 있습니다. (여러 개의 옵션 중 선택된 1개의 값을 받아올 경우 사용)

속성

  • 하위요소 : 불가능

  • 링크 : 가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 가능

  • 백엔드 엘립시스 : 불가능


_images/PGHTML.png

HTML (Hyper Text Markup Language)

_images/iu_manual_prop_pg_PGHTML.png

HTML 위젯입니다. IUEditor에 원하는 위젯이 없을 경우 직접 HTML 코드를 작성해서 넣을 수 있습니다. 하지만 원하는 위젯이 있다면 iu@jdalb.org로 의견을 보내주세요!

속성

  • 하위요소 : 불가능

  • 링크 : 불가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 가능

  • 백엔드 엘립시스 : 불가능


_images/PGCollection.png

콜렉션 Collection

_images/iu_manual_prop_pg_PGCollection.png

컴포지션을 불러오는 콜렉션 위젯입니다. 하나의 컴포지션을 반복해서 사용하려고 할때 유용합니다. 한 줄에 몇 개의 컴포지션이 보이게 할지 정할 수 있습니다.

속성

  • 하위요소 : 불가능

  • 링크 : 가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 가능

  • 백엔드 엘립시스 : 불가능


_images/PGPageLinkSet.png

체크박스 Checkbox

_images/iu_manual_prop_pg_PGCheckBox.png

체크박스 위젯입니다. 기본 형태의 체크박스 위젯입니다. 사용자가 원하는 만큼 여러 개의 위젯을 자유롭게 배치할 수 있습니다.

속성

  • 하위요소 : 불가능

  • 링크 : 가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 불가능

  • 백엔드 엘립시스 : 불가능


_images/PGRadioButton.png

라디오 버튼 Radio Button

_images/iu_manual_prop_pg_PGRadioButton.png

라디오 버튼 위젯입니다. 기본 형태의 라디오 버튼 위젯입니다. 사용자가 원하는 만큼 여러 개의 위젯을 자유롭게 배치할 수 있습니다.

속성

  • 하위요소 : 불가능

  • 링크 : 가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 불가능

  • 백엔드 엘립시스 : 불가능


_images/PGButton.png

버튼 Button

_images/iu_manual_prop_pg_PGButton.png

버튼 위젯입니다. Default / Reset / Submit 3 가지 타입 중에 1가지를 선택해서 사용합니다. Form에서 입력받은 내용을 전송하는 기능을 담당합니다.

속성

  • 하위요소 : 불가능

  • 링크 : 불가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 가능

  • 백엔드 엘립시스 : 불가능


_images/PGFileUpload.png

파일 업로드 File Upload

_images/iu_manual_prop_pg_PGFileUpload.png

파일 업로드 위젯입니다. 업로드 버튼을 선택하여 서버로 올릴 파일을 선택할 수 있습니다. (1개의 파일)

속성

  • 하위요소 : 불가능

  • 링크 : 불가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 불가능

  • 백엔드 엘립시스 : 불가능


_images/PGSwitch.png

스위치 Switch

_images/iu_manual_prop_pg_PGSwitch.png

스위치 위젯입니다. 스위치를 토글하여 ON-OFF 상태로 변경할 수 있습니다.

속성

  • 하위요소 : 불가능

  • 링크 : 불가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 불가능

  • 백엔드 엘립시스 : 불가능


_images/PGFlipSwitch.png

플립 스위치 Flip Switch

_images/iu_manual_prop_pg_PGFlipSwitch.png

플립 스위치 위젯입니다. 플립 스위치를 토글하여 ON-OFF 상태로 변경할 수 있습니다.

속성

  • 하위요소 : 불가능

  • 링크 : 불가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 불가능

  • 백엔드 엘립시스 : 불가능


_images/PGSlide.png

슬라이더 Slide

_images/iu_manual_prop_pg_PGSlide.png

슬라이더 위젯입니다. 슬라이더를 선택하여 원하는 값을 입력하거나, 수치를 입력하여 슬라이더를 조정할 수 있습니다.

속성

  • 하위요소 : 불가능

  • 링크 : 불가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 불가능

  • 백엔드 엘립시스 : 불가능


_images/PGRangeSlide.png

레인지 슬라이더 Range Slide

_images/iu_manual_prop_pg_PGRangeSlide.png

레인지 슬라이더 위젯입니다. 레인지 슬라이더의 포인터를 이동시켜 원하는 값을 입력하거나, 수치를 입력하여 슬라이더를 조정할 수 있습니다.

속성

  • 하위요소 : 불가능

  • 링크 : 불가능

  • 스크롤 애니메이터 : 가능

  • 배경이미지 : 불가능

  • 백엔드 엘립시스 : 불가능