1.3.1.22   Feature Files (with Category)

Files with Category

VERSI TANGGAL PERUBAHAN
1 29/12/2017 Initial Release

FAQ

  1. Apakah perbedaan dari fitur files dengan files with category?

Overview

Fitur files with category memungkinkan user untuk melakukan pengelompokkan dari fitur files.

Tampilan

Ilustrasi pada Bagian Engine

Berikut adalah langkah-langkah yang perlu di perhatikan untuk mengaktifkan fitur files with category.

Masuk ke https://engine.compro.id/ lalu pada langkah ke 3, tekan menu Add New Feature seperti pada gambar di bawah.

image0

Berikut adalah halaman yang akan muncul ketika add new feature.

image1

  1. Files (with Category)
    Pilih menu Files (with category) pada list feature di bagian kiri.
  2. Choose Depth Level
    Pilih berapa level kedalaman yang diinginkan untuk ditampilkan di aplikasi Anda.
  3. Layout
    Pilih layout yang diinginkan.
  4. Add This Feature
    Setelah melakukan ke-2 langkah di atas tekan tombol Add This Feature untuk menambahkan fitur dan dapat melakukan pengaturan di bagian admin.

Ilustrasi pada Bagian Admin

Berikut adalah langkah-langkah yang perlu di perhatikan untuk mengisi konten Files with category.

Masuk ke https://admin.compro.id/ pada sidebar pilih menu manage content

image2

Setelah memilih menu Manage Content, pilih menu files with category.

image3

Setelah memilih menu files with category, akan tampil halaman seperti pada di bawah.

image4

Tekan tombol add seperti pada gambar di atas untuk menambahkan kelompok dari files yang akan di tampilkan pada aplikasi. Berikut adalah halaman yang akan ditunjukan setelah tombol add ditekan.

image5

  1. Menu Title
    Kolom ini diisi dengan judul daripada kelompok files yang ingin ditampilkan.
  2. Icon
    User dapat mengubah icon daripada kelompok files yang ingin ditampilkan pada kolom ini.
  3. Featured Image
    Kolom ini diisi dengan gambar daripada kelompok files yang ingin ditampilkan.

Setelah mengisi ketiga kolom di atas, user dapat mengubah isi dari kelompok yang dibuat dengan menekan tombol edit content seperti pada gambar di bawah.

image6

Untuk menambahkan isi dari setiap kelompok tekan tombol add seperti pada gambar di bawah.

image7

Setelah menekan tombol add, berikut adalah halaman yang akan ditampilkan.

Files Layout 1

image8image9

  1. Title
    Kolom ini di isi dengan judul files yang ingin ditampilkan.
  2. Featured Image
    Kolom ini digunakan untuk mengupload gambar yang diinginkan.
  3. File
    Tombol ini digunakan untuk menggunggah data yang ingin dibagikan kepada user
  4. Description
    Kolom ini di isi dengan deskripsi daripada files. Pada bagian ini data yang diisikan dapat dicustomize sesuai dengan keinginan, baik menggunakan tool yang disediakan atau dengan menggunakan styling HTML CSS yang dapat diinput melalui code view. Disini juga dapat menginsert gambar, link, video dan tabel.
  5. Action Button Name (Optional)
    Kolom ini di isi dengan nama Action Button bila ingin menambahkan Action Button.
  6. Target Page (Optional)
    Kolom ini berfungsi sebagai dropdown dimana user dapat memilih target menu daripada Action Button yang dibuat
  7. Add Action Button (Optional)
    Kolom ini berfungsi untuk menambahkan Action Button ketika langkah ke 4 dan ke 5 telah dilakukan.
  8. Published at (Optional)
    Kolom ini digunakan jika pemilik apps ingin mengupdate gambar tetapi tidak ingin dikeluarkan pada saat itu juga
  9. Submit
    Tombol ini ditekan jika data yang diisikan sudah dirasa benar.

Ilustrasi pada Bagian Aplikasi

Berikut adalah hasil yang akan muncul pada Aplikasi.

image10image11image12

Files Layout 2

image13image14

  1. Title
    Kolom ini di isi dengan judul files yang ingin ditampilkan.
  2. Featured Image
    Kolom ini digunakan untuk mengupload gambar yang diinginkan.
  3. File
    Tombol ini digunakan untuk menggunggah data yang ingin dibagikan kepada user
  4. Description
    Kolom ini di isi dengan deskripsi daripada files. Pada bagian ini data yang diisikan dapat dicustomize sesuai dengan keinginan, baik menggunakan tool yang disediakan atau dengan menggunakan styling HTML CSS yang dapat diinput melalui code view. Disini juga dapat menginsert gambar, link, video dan tabel.
  5. Action Button Name (Optional)
    Kolom ini di isi dengan nama Action Button bila ingin menambahkan Action Button.
  6. Target Page (Optional)
    Kolom ini berfungsi sebagai dropdown dimana user dapat memilih target menu daripada Action Button yang dibuat
  7. Add Action Button (Optional)
    Kolom ini berfungsi untuk menambahkan Action Button ketika langkah ke 4 dan ke 5 telah dilakukan.
  8. Published at (Optional)
    Kolom ini digunakan jika pemilik apps ingin mengupdate gambar tetapi tidak ingin dikeluarkan pada saat itu juga
  9. Submit
    Tombol ini ditekan jika data yang diisikan sudah dirasa benar.

Ilustrasi pada Bagian Aplikasi

Berikut adalah hasil yang akan muncul pada Aplikasi.

image15image16image17

Files Layout 3

image18image19

  1. Title
    Kolom ini di isi dengan judul files yang ingin ditampilkan.
  2. Featured Image
    Kolom ini digunakan untuk mengupload gambar yang diinginkan.
  3. File
    Tombol ini digunakan untuk menggunggah data yang ingin dibagikan kepada user
  4. Description
    Kolom ini di isi dengan deskripsi daripada files. Pada bagian ini data yang diisikan dapat dicustomize sesuai dengan keinginan, baik menggunakan tool yang disediakan atau dengan menggunakan styling HTML CSS yang dapat diinput melalui code view. Disini juga dapat menginsert gambar, link, video dan tabel.
  5. *Action Button Name (Optional)
    Kolom ini di isi dengan nama Action Button bila ingin menambahkan Action Button.
  6. *Target Page (Optional)
    Kolom ini berfungsi sebagai dropdown dimana user dapat memilih target menu daripada Action Button yang dibuat
  7. *Add Action Button (Optional)
    Kolom ini berfungsi untuk menambahkan Action Button ketika langkah ke 4 dan ke 5 telah dilakukan.
  8. *Published at (Optional)
    Kolom ini digunakan jika pemilik apps ingin mengupdate gambar tetapi tidak ingin dikeluarkan pada saat itu juga
  9. *Submit
    Tombol ini ditekan jika data yang diisikan sudah dirasa benar.

Ilustrasi pada Bagian Aplikasi

Berikut adalah hasil yang akan muncul pada Aplikasi.

image20image21image22