apa itu desain tema, bagaimana melakukan desain tema - Quick BI

Anda dapat menyesuaikan tampilan dasbor melalui desain tema, mencakup template tema, gaya global, tata letak halaman, gaya widget, dan elemen lainnya. Topik ini menjelaskan pengaturan tema yang tersedia di halaman pengaturan dasbor.

Prasyarat

Anda telah masuk ke Konsol Quick BI dan mengakses halaman pengeditan dasbor. Untuk informasi lebih lanjut, lihat Buat Dasbor.

Prosedur

Di halaman pengeditan dasbor, klik Pengaturan Halaman di bilah menu atas.
Anda dapat mengklik ikon untuk memperluas atau menyembunyikan panel pengaturan halaman.
Di panel Page Settings, klik tab Theme untuk mengonfigurasi Tema Dasbor, termasuk Template, Gaya Global, Tata Letak Halaman, dan pengaturan lainnya.
Untuk dengan cepat menemukan item konfigurasi tertentu, masukkan kata kunci di kotak pencarian di bagian atas untuk menampilkan opsi konfigurasi.
Untuk menyembunyikan semua kategori konfigurasi sekaligus, klik ikon di sebelah kanan kotak pencarian dan pilih Collapse all categories.
Atur parameter berikut:

Di bagian Tema Dasbor, Anda dapat memilih tema dasbor dari tema resmi atau tema kustom yang sudah ada.
- Tema Resmi: Default, Biru Gelap, Langit Berbintang, Teknologi, Aktivitas, Minimalis, dan Indigo didukung.
- Tema Kustom: Anda dapat memilih tema kustom yang sudah ada.
  Administrator organisasi dapat mengklik Kustomisasi untuk mengakses halaman Manajemen Tema Laporan guna mengelola template tema kustom.
  Catatan
  Quick BI Edisi Profesional mendukung tema dasbor kustom:
  - Jika Anda adalah administrator organisasi, Anda dapat memilih tema rekomendasi resmi atau menambahkan tema kustom.
  - Jika Anda bukan administrator organisasi, Anda dapat memilih tema rekomendasi resmi atau tema kustom yang sudah ada, tetapi tidak dapat menambahkan tema kustom.

Di bagian Gaya Global, atur gaya global dari tema tersebut.

Item konfigurasi grafik	Deskripsi
Mode Tema	Mode Terang dan Mode Gelap didukung. Ketika Light Mode dipilih, warna latar belakang dasbor adalah putih. Skin default adalah Light Mode. Ketika Dark Mode dipilih, warna latar belakang dasbor adalah hitam.
Skema Warna Grafik	Mendukung skema warna Template yang dikonfigurasi sistem dan Skema Warna Kustom. Ketika Chart Color Scheme disetel ke Template Color Scheme, Anda dapat memilih skema warna dari daftar dropdown. Sebagai contoh, ketika skema warna disetel ke Advanced Gray, grafik akan muncul seperti di bawah ini setelah beralih. Ketika Skema Warna Grafik disetel ke Kustom, Anda dapat memodifikasi warna setiap blok warna. Catatan Gaya Warna Gradien berlaku untuk grafik Indikator, Tren, dan Perbandingan.
Font Halaman	Konfigurasikan tipe font untuk halaman grafik.
Radius Sudut Kartu	Konfigurasikan radius sudut kartu grafik, mendukung tanpa radius, radius kecil, atau radius besar.
Jarak Antar Elemen	Mendukung opsi Kompak, Reguler, dan Kustom.
Jarak Antar Kartu	Hanya tersedia ketika jarak Kustom dipilih, memungkinkan Anda menyesuaikan jarak baris dan kolom antar kartu.
Padding Kartu	Hanya tersedia ketika jarak Kustom dipilih, memungkinkan Anda menyesuaikan jarak dari tepi atas, bawah, kiri, dan kanan dalam kartu.
Warna Semantik	Dalam fitur seperti pemformatan bersyarat dan tampilan metrik sekunder, warna sering digunakan untuk secara visual menyampaikan informasi tentang data naik, tetap datar, turun, dll. Dalam konfigurasi Warna Semantik, sistem akan secara otomatis mencocokkan warna semantik default yang berbeda berdasarkan tema yang dipilih di Skema Warna Grafik. Anda juga dapat menyesuaikan skema warna global untuk tren data, nilai positif/negatif, status, dan makna lainnya untuk lebih sesuai dengan kebiasaan melihat data bisnis Anda. Konfigurasi ini akan diterapkan ke seluruh dasbor.

Di bagian Tata Letak Halaman, konfigurasikan parameter berikut.

Item konfigurasi grafik	Deskripsi
Tata letak halaman	Pilih tata letak untuk konten dasbor. Menyesuaikan dengan konten dan Menyesuaikan dengan jendela didukung. Menyesuaikan dengan konten: Menyesuaikan ukuran dasbor untuk menyesuaikan semua komponen, seperti grafik dan kontrol kueri, berdasarkan ukuran dan posisi aktual mereka. Menyesuaikan dengan jendela: Secara otomatis menyesuaikan ukuran berdasarkan jendela browser saat ini. Anda juga dapat mengonfigurasi tata letak kolom halaman.
Informasi Halaman	Konfigurasikan informasi halaman yang ditampilkan pada dasbor, termasuk berikut ini: Area Judul, Cerita, dan Footer. Area Judul: Atur apakah akan menampilkan area judul dasbor. Jika area judul ditampilkan, klik ikon untuk mengonfigurasi item berikut. Tampilkan judul utama: Tampilkan atau sembunyikan judul utama dasbor. Jika judul utama ditampilkan, sesuaikan gaya teksnya dan konfigurasikan logo serta penyelarasan konten. Catatan: Atur apakah akan menampilkan catatan di area judul utama. Jika catatan ditampilkan, klik ikon untuk menyesuaikan isi catatan. Margin bawah area konten: Sesuaikan margin bawah area judul utama. Latar Belakang Sampul: Atur warna latar belakang, gambar overlay, dan tinggi area judul utama. Garis Besar Cerita: Menentukan apakah akan menyisipkan garis besar cerita di bawah area judul. Ketika dipilih, sistem secara otomatis menghasilkan garis besar cerita berdasarkan urutan tata letak grafik yang ada di dasbor saat ini. Anda dapat mengklik ikon di sebelah Node Cerita untuk menyesuaikan dan mengedit garis besar cerita di kotak dialog Edit Node Cerita sesuai kebutuhan. Footer: Atur apakah akan menampilkan area footer dasbor. Jika footer ditampilkan, klik ikon untuk mengonfigurasi item berikut. Isi teks footer: Atur teks yang akan ditampilkan di area footer sesuai kebutuhan. Latar Belakang Area Footer: Atur warna latar belakang, gambar overlay, dan tinggi area footer.
Latar Belakang Halaman	Konfigurasikan warna latar belakang, mendukung metode Warna Solid, Gradien, dan pilihan apakah akan menimpa gambar latar belakang.
Lebar Halaman	Mendukung metode Rotasi Otomatis, Tetap. Catatan Ketika metode Tetap dipilih, Anda perlu menyetel ukuran piksel margin kiri dan kanan. Setelah disetel, margin kiri dan kanan akan tetap dan tidak dapat disesuaikan.
Margin Halaman	Mendukung opsi Reguler, Halaman Lebar Ekstra, dan Kustom.

Di bagian Latar Belakang Dasbor, konfigurasikan parameter berikut.

Item konfigurasi grafik	Deskripsi
Gambar Atas dan Gambar Bawah	Ketika memilih gambar, Anda dapat memilih Gambar yang Ada atau Gambar Kustom. Catatan Ketika memilih gambar kustom, Anda dapat mengunggah gambar lokal atau mengunggah melalui tautan gambar target.

Di bagian Widget Dasbor, konfigurasikan parameter berikut.

Item konfigurasi grafik		Deskripsi
Judul	Teks	Setel ukuran font dan penyelarasan judul grafik.
	Garis Pemisah	Setel warna dan lebar garis pemisah judul.
	Latar Belakang Judul Kustom	Mendukung konfigurasi latar belakang dan posisi area judul. Ketika memilih warna solid, Anda dapat mengonfigurasi warna latar belakang. Ketika memilih gradien, Anda dapat mengonfigurasi skema warna gradien dan sudut gradien. Ketika memilih untuk menimpa gambar latar belakang, Anda dapat memilih untuk menggunakan materi atau gambar kustom. Catatan Ketika memilih gambar kustom, Anda dapat mengunggah gambar lokal atau mengunggah melalui tautan gambar target. Posisi area judul mendukung Di Dalam Grafik, Tepi Grafik, dan Di Atas Grafik.
	Ikon Status	Anda dapat mengatur Ikon Status untuk ditampilkan saat hover atau selalu ditampilkan, dan mengatur warna Ikon Status.
	Sembunyikan Entri Operasi Lainnya dalam Mode Pratinjau	Setelah mencentang item konfigurasi ini, entri untuk Operasi Lainnya akan disembunyikan dalam mode pratinjau.
Gaya Latar Belakang	Isi	Setel apakah akan menampilkan warna isi untuk latar belakang.
	Background Image Overlay	Tambahkan materi gambar atau gambar kustom ke latar belakang grafik.
	Batas	Setel apakah akan menampilkan batas untuk latar belakang dan warna batas.
	Tampilkan Bayangan	Setel apakah akan menampilkan bayangan untuk latar belakang.
Gaya Data Kosong	Konten Teks	Mendukung penyesuaian teks prompt untuk data kosong, prompt default: Data yang dikembalikan kosong.
	Gaya Ikon	Mendukung penyesuaian gaya ikon data kosong. Catatan Ketika memilih Gambar Kustom, Anda dapat mengunggah gambar lokal atau mengunggah melalui tautan gambar target.
	Tautan Lompat	Setelah mengonfigurasi tautan lompat, mengklik ikon atau teks akan melompat ke alamat tautan.

Di bagian Gaya Konten Umum, konfigurasikan parameter berikut.

Item konfigurasi grafik		Deskripsi
Gaya Grafik	Judul Sumbu	Setel ukuran font, gaya warna, dll. dari judul sumbu.
	Label Sumbu	Setel ukuran font, gaya warna, dll. dari label sumbu.
	Label Data	Setel ukuran font, gaya warna, dll. dari label data.
	Tooltip	Setel ukuran font, gaya warna, dll. dari tooltip.
	Legenda	Setel ukuran font, gaya warna, dll. dari legenda.
Gaya Tabel	Pengaturan Gaya	Anda dapat mengatur gaya di sini, mendukung empat gaya: Garis Zebra, Wireframe, Sederhana, Minimalis.
	Skema Warna Utama	Anda dapat mengatur skema warna utama di sini, mendukung warna tema, abu-abu, dan skema warna kustom.
	Header Tabel	Setel ukuran font, warna, dll. dari header tabel.
	Konten	Setel ukuran font, warna, dll. dari konten.

Di bagian Widget TAB, konfigurasikan parameter berikut.

Item konfigurasi grafik	Deskripsi
Gaya TAB Terpilih	Anda dapat mengatur gaya TAB terpilih di sini, mendukung gaya garis bawah, garis pemisah, dan blok terpilih.
Gaya Label Tab	Anda dapat mengatur ukuran font label tab, gaya keadaan default, dan gaya keadaan terpilih di sini.
Tampilkan Garis Tepi Kartu Visualisasi Internal TAB	Setel apakah akan menampilkan batas kartu visualisasi di dalam TAB, mendukung pemilihan warna.
Spasi kustom untuk komponen dalam tab	Pilih opsi ini untuk menentukan nilai kustom untuk spasi antar komponen dalam tab. Jika opsi ini tidak dipilih, spasi ditentukan oleh konfigurasi spasi baris dan kolom dasbor. Catatan Nilai berkisar antara -32 hingga 32 px untuk PC dan antara 0 hingga 20 px untuk perangkat seluler.

Di Area Kontrol Kueri, konfigurasikan parameter berikut.

Item konfigurasi grafik	Deskripsi
Batas	Setel apakah akan menampilkan batas kontrol kueri, mendukung pemilihan warna.
Tombol Interaktif	Mendukung pengaturan warna tombol interaktif.
Radius Sudut Tombol	Mendukung pengaturan radius sudut tombol.
Jarak Kondisi	Mendukung pengaturan jarak kondisi.
Nama Kondisi	Mendukung pengaturan gaya teks nama kondisi.
Selection Box Style	Mendukung pengaturan gaya kotak pilihan.
Warna Latar Belakang	Mendukung pengaturan warna latar belakang kotak pilihan.
Batas	Mendukung pengaturan ketebalan dan warna batas kotak pilihan.
Radius Sudut	Mendukung pengaturan radius sudut kotak pilihan.
Teks	Mendukung pengaturan warna teks dan ukuran font kotak pilihan.

Catatan

Item konfigurasi di Area Kontrol Kueri berlaku untuk semua kontrol global. Namun, jika kontrol kueri individu memiliki konfigurasi gaya kustom, konfigurasi di sini tidak akan berlaku. Sebagai contoh, jika gaya kotak pilihan di Area Kontrol Kueri disetel ke terisi, tetapi kontrol kueri A memiliki gaya kotak pilihan yang disetel ke wireframe dalam pengaturan gayanya, maka gaya kotak pilihan untuk kontrol kueri A akan menjadi wireframe, dan item konfigurasi gaya kotak pilihan di Area Kontrol Kueri tidak akan diterapkan pada kontrol kueri A.

Setelah menyelesaikan konfigurasi, klik Simpan.