> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Navigasi ruang kustom

> Pelajari cara menyesuaikan navigasi ruang YiDA untuk Aplikasi perusahaan — atur menu desktop, mobile, dan tema agar pengguna menemukan Aplikasi lebih cepat. Panduan untuk Admin Aplikasi.

> Dalam rilis grayscale

| **Hak edisi**            | **Edisi Gratis** | **Edisi Basic** | **Edisi Professional** | **Edisi Dedicated** | **Dedicated - OA Enhancement Pack** |
| ------------------------ | ---------------- | --------------- | ---------------------- | ------------------- | ----------------------------------- |
| **Kustomisasi navigasi** | Tidak didukung   | Tidak didukung  | Tidak didukung         | Tidak didukung      | Didukung                            |

## 1. Pendahuluan

### 1.1 Ikhtisar fitur

Dengan navigasi kustom, organisasi dapat membangun struktur navigasi yang dipersonalisasi dan disesuaikan dengan berbagai Aplikasi organisasi, sehingga pengguna dapat menemukan Aplikasi, Halaman, atau Tautan yang dibutuhkan secara lebih cepat dan mudah.

### 1.2 Skenario penggunaan

* Tata letak kustom: Admin Aplikasi dapat menyesuaikan tingkat, urutan, dan konten menu navigasi secara bebas berdasarkan kebutuhan bisnis, sehingga opsi yang paling sering digunakan selalu ditempatkan di posisi yang menonjol.
* Kepuasan lebih tinggi: Navigasi yang dipersonalisasi membantu pengguna menemukan informasi atau fitur yang dibutuhkan secara lebih efisien, meningkatkan kepuasan mereka terhadap sistem.

## 2. Langkah

Navigasi Ruang kustom saat ini mendukung Konfigurasi navigasi desktop, navigasi mobile, dan Pengaturan tema.

### 2.1 Titik masuk

<Steps>
  <Step title="Langkah 1">
    Masuk ke [YiDA Workbench](https://www.yidaapps.com/workPlatform) sebagai Admin Aplikasi.
  </Step>

  <Step title="Langkah 2">
    Klik tombol **Manajemen Platform** di pojok kanan atas untuk masuk ke Halaman manajemen platform.
  </Step>

  <Step title="Langkah 3">
    Pada menu sebelah kiri, buka **Kustomisasi Khusus Platform** > **Manajemen Ruang**, Pilih Ruang yang ingin diedit, lalu klik tombol **Edit**.
  </Step>
</Steps>

4. Pilih **Navigasi & Tema**.

### 2.2 Konfigurasi navigasi desktop

Pengaturan navigasi desktop dibagi menjadi tiga area: menu navigasi, logo dan nama navigasi, serta tindakan sistem.

#### 1. Area menu navigasi

1. Klik **Tambah**, lalu Pilih Tipe konten. Area menu navigasi saat ini mendukung 6 Tipe konten (portal, Aplikasi, Halaman, Halaman sistem, Tautan kustom, dan Grup Halaman), dengan maksimum 50 tab.

2. Tipe konten yang tersedia beserta opsi terkait ditampilkan pada tabel berikut:

| Tipe konten    | Ilustrasi | Konfigurasi                                                                                                                                                                                                                |
| -------------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| portal         |           | • portal pada Ruang saat ini<br />                                                                                                                                                                                         |
| Aplikasi       |           | • Aplikasi YiDA<br />• Aplikasi DingTalk<br /><br />                                                                                                                                                                       |
| Halaman        |           | Halaman tertentu di dalam Aplikasi YiDA<br /><br />                                                                                                                                                                        |
| Halaman sistem |           | • Process Center (versi penuh)<br />• Tugas Saya (mencakup Perlu Ditangani, Sudah Ditangani, Dimulai oleh Saya, dan CC ke Saya)<br />• Proses Saya (mencakup pembuatan proses, pemantauan proses, dll.)<br />• Buat Proses |
| Tautan kustom  |           | Konfigurasikan Nama dan URL Tautan kustom.<br />Tautan selalu terbuka di jendela baru.                                                                                                                                     |
| Grup           |           | Nama Grup.                                                                                                                                                                                                                 |

3. Klik **Konfirmasi** untuk menambahkan item menu navigasi baru. Gaya perluasan ke atas didukung, menyisakan Ruang untuk perluasan tingkat di masa mendatang.

Jika Anda membuat Grup, Anda dapat memilih salah satu dari 5 Tipe konten di atas saat menggunakan **Tambah Subtingkat** di dalam Grup.

4. Klik tombol pada setiap baris

untuk menambahkan submenu di bawah menu tingkat saat ini, seperti ditunjukkan di bawah ini:

Klik

untuk menambahkan portal, Aplikasi, Halaman, Halaman sistem, Tautan kustom, dan lainnya. Setelah ditambahkan, Anda dapat melihat submenu di bawah menu utama terkait.

5. Klik **Sinkronkan ke Mobile** untuk terlebih dahulu menyimpan navigasi desktop saat ini lalu menyinkronkannya.

#### 2. Area logo dan nama navigasi

Area ini terutama digunakan untuk mengonfigurasi **logo dan nama navigasi**, misalnya:

Deskripsi rinci opsi Konfigurasi ditampilkan di bawah ini:

<table>
  <tr>
    <td>**Ilustrasi**</td>
    <td>**Nama opsi**</td>
    <td>**Deskripsi**</td>
  </tr>

  <tr>
    <td rowSpan={5} />

    <td>Tampilkan logo navigasi Ruang</td>
    <td>Dapat diaktifkan atau dinonaktifkan</td>
  </tr>

  <tr>
    <td>Logo Ruang</td>
    <td>Unggah file jpg/jpeg/gif/png/svg berukuran maksimum 1 MB sebagai logo Ruang Anda. Tinggi 32 piksel direkomendasikan.</td>
  </tr>

  <tr>
    <td>URL pengalihan logo</td>
    <td>Memiliki nilai default</td>
  </tr>

  <tr>
    <td>Tampilkan Nama Ruang</td>
    <td>Dapat diaktifkan atau dinonaktifkan</td>
  </tr>

  <tr>
    <td>URL pengalihan saat mengeklik Nama Ruang</td>
    <td>Memiliki nilai default</td>
  </tr>
</table>

#### 3. Area tindakan sistem

1. Pada area tindakan sistem, Anda dapat mengonfigurasi tampilan tombol-tombol di pojok kanan atas. Ini mencakup visibilitas dan tampilan tombol Bagikan, Tugas, dan Foto Profil, seperti ditunjukkan di bawah ini:

Pengaturan konten: Bagikan / Tugas / Foto Profil.

Pengaturan gaya: Ikon + teks / Hanya ikon.

### 2.3 Konfigurasi navigasi mobile

#### 1. Konfigurasikan menu navigasi

* Gaya navigasi tingkat pertama: Pilih **Navigasi bawah** atau **Navigasi atas**.

* Baik gaya navigasi bawah maupun atas didukung, dengan maksimum 2 tingkat.

* Mendukung 7 Tipe konten (portal, Aplikasi, Halaman, Halaman sistem, Tautan kustom, Asisten AI Ruang, dan Grup Halaman), dengan maksimum 50 tab.

* Ketika terdapat lebih dari 5 tab, item selebihnya diciutkan menjadi "Lainnya".

#### 2. Tipe konten yang tersedia di mobile

| Tipe konten      | Ilustrasi | Konfigurasi                                                                                                                                                                                 |
| ---------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| portal           |           | • portal pada Ruang saat ini<br />                                                                                                                                                          |
| Aplikasi         |           | • Aplikasi YiDA<br />• Aplikasi DingTalk<br /><br />                                                                                                                                        |
| Halaman          |           | Halaman tertentu di dalam Aplikasi YiDA<br /><br />                                                                                                                                         |
| Halaman sistem   |           | • Process Center (versi penuh)<br />• Tugas Saya (dengan 4 tab, termasuk Dibuat oleh Saya, dll.)<br />• Proses Saya (mencakup pembuatan proses, pemantauan proses, dll.)<br />• Buat Proses |
| Asisten AI Ruang | /         | Memerlukan Konfigurasi; hanya satu Asisten AI yang dapat dikonfigurasi per navigasi                                                                                                         |
| Tautan kustom    |           | Nama, URL, dan ikon Tautan kustom                                                                                                                                                           |
| Grup             |           | Nama dan ikon Grup.<br />Saat menggunakan **Tambah Subtingkat** di dalam Grup, Anda dapat memilih salah satu dari 5 Tipe konten di atas.                                                    |

### 2.4 Pengaturan tema

Deskripsi rinci opsi Konfigurasi ditampilkan di bawah ini:

<table>
  <tr>
    <td>**Nama opsi**</td>
    <td>**Deskripsi**</td>
  </tr>

  <tr>
    <td>Warna tema</td>

    <td />
  </tr>

  <tr>
    <td rowSpan={4}>Mode warna navigasi Ruang</td>

    <td rowSpan={4} />
  </tr>

  <tr />

  <tr />

  <tr />

  <tr>
    <td>Warna latar Halaman</td>
    <td>**Pertahankan latar Halaman asli**<br />Contoh: Pada perancang portal, warna latar diatur ke biru muda, seperti ditunjukkan di kiri;<br />latar portal dalam Ruang mengikuti Pengaturan pada perancang, seperti ditunjukkan di kanan.<br />**Abu-abu seragam**<br />Contoh: Pada perancang portal, warna latar diatur ke biru muda, seperti ditunjukkan di kiri;<br />latar portal dalam Ruang berubah menjadi abu-abu, seperti ditunjukkan di kanan.<br />**Transparan seragam**<br />Contoh: Pada perancang portal, warna latar diatur ke biru muda, seperti ditunjukkan di kiri;<br />latar portal dalam Ruang menjadi transparan dan menampilkan latar Ruang, seperti ditunjukkan di kanan.</td>
  </tr>

  <tr>
    <td>Warna tema portal</td>
    <td>**Pertahankan warna tema portal asli**<br />Contoh: Warna tema untuk ikon, entri, dll., dikonfigurasi pada perancang portal, seperti ditunjukkan di kiri;<br />skema warna portal asli tetap dipertahankan dalam Ruang, seperti ditunjukkan di kanan.<br />**Ikuti warna tema Ruang**<br />Contoh: Warna tema untuk ikon, entri, dll., dikonfigurasi pada perancang portal, seperti ditunjukkan di kiri;<br />warna tema Ruang diterapkan secara seragam dalam Ruang, seperti ditunjukkan di kanan.</td>
  </tr>
</table>
Ilustrasi	Nama opsi	Deskripsi
	Tampilkan logo navigasi Ruang	Dapat diaktifkan atau dinonaktifkan
Logo Ruang	Unggah file jpg/jpeg/gif/png/svg berukuran maksimum 1 MB sebagai logo Ruang Anda. Tinggi 32 piksel direkomendasikan.
URL pengalihan logo	Memiliki nilai default
Tampilkan Nama Ruang	Dapat diaktifkan atau dinonaktifkan
URL pengalihan saat mengeklik Nama Ruang	Memiliki nilai default
Nama opsi	Deskripsi
Warna tema
Mode warna navigasi Ruang
Warna latar Halaman	Pertahankan latar Halaman asli Contoh: Pada perancang portal, warna latar diatur ke biru muda, seperti ditunjukkan di kiri; latar portal dalam Ruang mengikuti Pengaturan pada perancang, seperti ditunjukkan di kanan. Abu-abu seragam Contoh: Pada perancang portal, warna latar diatur ke biru muda, seperti ditunjukkan di kiri; latar portal dalam Ruang berubah menjadi abu-abu, seperti ditunjukkan di kanan. Transparan seragam Contoh: Pada perancang portal, warna latar diatur ke biru muda, seperti ditunjukkan di kiri; latar portal dalam Ruang menjadi transparan dan menampilkan latar Ruang, seperti ditunjukkan di kanan.
Warna tema portal	Pertahankan warna tema portal asli Contoh: Warna tema untuk ikon, entri, dll., dikonfigurasi pada perancang portal, seperti ditunjukkan di kiri; skema warna portal asli tetap dipertahankan dalam Ruang, seperti ditunjukkan di kanan. Ikuti warna tema Ruang Contoh: Warna tema untuk ikon, entri, dll., dikonfigurasi pada perancang portal, seperti ditunjukkan di kiri; warna tema Ruang diterapkan secara seragam dalam Ruang, seperti ditunjukkan di kanan.