Page Comparison

컴포넌트 목록은 상황에 따라 추가, 삭제 및 디자인이 변경될 수 있습니다.

...

카드 형태로 컨텐츠를 표현하고자 할 때 사용 가능한 컨텐츠 컴포넌트이다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

카드 컨텐츠 컴포넌트를 추가한 직후의 초기 화면은 다음과 같다.

...

특정 피쳐를 사용하여 컨텐츠를 표현하고자 할 때 사용하는 컨텐츠 컴포넌트이다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

피쳐 컨텐츠 컴포넌트는 Mobile Features, Side by side, Card Grid, Text Grid, Swipe 5개 타입이 있다.

...

클라이언트 정보를 표현하고자 할 때 주로 사용하는 컨텐츠 컴포넌트이다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

클라이언트 컴포넌트는 Client1, MobileSlider 2가지 타입이 존재한다.

...

CASE 1. Number of Columns="3"으로 설정하고, Images 추가 완료 시 화면

CASE 2. Number of Columns="3", Number of Rows="2"설정하고, Images 추가 완료 시 화면

CASE 3. Number of Columns="8"으로 설정하고, Images 테이블에 이미지 미추가시 화면

이미지 셋팅 방법은 2가지가 있다.

첫번째, Client 컴포넌트에 있는 Images 옵션에서 셋팅() 아이콘을 클릭하여 설정 할 수 있다.

두번째, Client 컴포넌트 화면에서 바로 이미지를 클릭하면, 우측에 이미지 관련 셋팅 영역이 출력된다.

행/열과 이미지 셋팅을 완료하였다면, Swiper와 기타 옵션을 설정해보자.

• Type Swiper :

  • Single Slide :

  • Multiple Slide :

• Speed : 슬라이드 롤링 스피드 설정

• Focus Active :

• Auto Play : 슬라이드 자동 롤링 기능

• Hide Pagenation : 페이지네이션 표시 숨김 기능

• Pagination Type : 2가지 페이지네이션 타입{Dot, Number, Number with navigation} 선택 가능

...

이미지와 스와이퍼를 모두 셋팅했다면, Heading와 text도 설정해보자. 해당 영역을 각각 클릭하면, 우측에 해당 설정 내용이 출력된다. 기본적인 Heading, text Customized 설정 내용은 다른 컴포넌트와 모두 동일하다.

...

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/Client

...

04. Download Content

다운로드를 안내하는 컨텐츠가 필요한 경우, 사용하는 컴포넌트이다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

다운로드 컴텐츠 컴포넌트를 처음 추가하면, 다음과 같이 화면이 나타난다.

...

파일을 업로드하면..

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/Download

...

05. Media

미디어가 포함된 컨텐츠가 필요하다면, 미디어 컨텐츠 컴포넌트를 사용할 수 있다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

미디어 컴포넌트는 Center Content, Side by side, Content Media 3가지 타입이 존재한다.

...

컴포넌트를 추가한 첫 화면은 다음과 같다. Center Content 가 Default Type으로 설정되어 있다.

...

미디어 타입은 Image, Video 2 가지 타입을 업로드 할 수 있다.

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/Media

...

06. Team

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/Team

...

07. Pricing

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/Pricing

...

08. Testimonial

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/Testimonial

...

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/Banner