Anda dapat menggunakan tema kustom untuk menyesuaikan tampilan dasbor Looker internal (non-sematan). Anda dapat menggunakan tema untuk menyesuaikan jenis font, warna teks, warna latar belakang, warna tombol, warna kartu, dan elemen visual lainnya. Tema dapat diterapkan ke dasbor yang ditentukan pengguna dan dasbor LookML.
Misalnya, Anda dapat membuat tema "gelap" untuk mengubah tampilan dasbor.
Anda dapat menentukan tema untuk dasbor dan jendela pengeditan untuk kartu di dasbor dari halaman Tema di bagian Platform pada panel Admin.
Halaman ini menjelaskan hal berikut:
- Persyaratan pengguna dan instance
- Cara penerapan tema ke dasbor
- Cara menerapkan tema ke dasbor yang didownload sebagai PDF
- Cara membuat, menyalin, mengedit, menghapus, dan menetapkan sebagai default tema kustom
Persyaratan pengguna dan instance
Untuk mengelola tema dasbor Looker internal, Anda harus memenuhi persyaratan berikut:
- Admin Looker Anda harus mengaktifkan fitur Labs Tema Dasbor Internal.
- Pengguna Looker Anda harus memiliki peran Admin atau izin
manage_internal_themes.
Menerapkan tema ke dasbor
Untuk menerapkan tema ke dasbor, pastikan dasbor berada dalam mode edit, lalu klik Gaya untuk membuka panel Gaya. Pilih tema dari kolom Tema, dan tema akan diterapkan ke dasbor Anda. Jika Anda memilih Tidak Ada, dan instance Anda memiliki tema default, tema default akan diterapkan.
Mendownload dasbor
Download dasbor sebagai PDF akan menampilkan tema kustom yang diterapkan.
Membuat tema kustom
Untuk membuat tema kustom, di halaman admin Tema, pilih tab Internal, lalu klik Tambahkan Tema.
Selanjutnya, tambahkan spesifikasi gaya dan warna untuk setiap setelan yang ingin Anda sesuaikan di halaman Tema Baru. Anda dapat mengubah setelan apa pun, yang dijelaskan di bagian berikut. Pilih Simpan Tema untuk menyimpan perubahan dan menyimpan tema baru Anda.
Tema
Nama: Nama tema harus unik dan hanya boleh berisi karakter alfanumerik dan garis bawah. Jika Anda memasukkan spasi dalam nama tema, spasi akan diganti dengan garis bawah saat Anda menyimpan tema.
Umum
Warna Utama: Dasbor menggunakan warna ini untuk tombol utama dan kontrol filter. Eksplorasi menggunakan warna ini untuk link dan ikon pemilih kolom, tombol utama, banner, dan aksen.
Warna Teks: Kode warna heksadesimal untuk teks di Eksplorasi dan dasbor.
Warna Latar Belakang: Kode warna heksadesimal untuk latar belakang Eksplorasi dan dasbor.
Jenis Font: Nama jenis font. Font ini akan digunakan untuk semua teks di dasbor, termasuk judul kartu, kartu teks, dan legenda dalam visualisasi. Font ini juga akan digunakan untuk semua teks di Eksplorasi. Jika ada spasi dalam nama font, gunakan tanda kutip di sekitar nama, seperti "Open Sans".
Jika Anda menggunakan font umum yang aman untuk web, Anda cukup mengetik nama font di kolom Jenis Font dan mengosongkan kolom Sumber Font. Jika Anda ingin menggunakan font yang kurang umum, masukkan nama font di kolom Jenis Font, lalu gunakan kolom Sumber Font, yang dijelaskan berikutnya, untuk memberikan URL ke definisi font yang ingin Anda gunakan.
Sumber Font: Kosongkan kolom ini kecuali jika Anda ingin menggunakan font kustom — font yang bukan font umum yang aman untuk web. Sumber Font harus berupa URL lengkap yang dimulai dengan https dan mengarah ke nilai url yang ditentukan dalam argumen src dari @font-face. Sebaiknya gunakan file format font terbuka web (.woff), karena file .woff2 tidak didukung oleh Internet Explorer 11.
- Misalnya, untuk PT Sans Narrow, Anda dapat memasukkan "PT Sans Narrow" di kolom Font Family, lalu memasukkan
https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woffdi kolom Font Source.
Contoh jendela pengeditan kartu dasbor dengan tema kustom
Selain elemen Jelajahi yang dijelaskan di bagian sebelumnya, saat Anda mengedit kartu dasbor, banner akan muncul dalam warna yang ditentukan dalam setelan Warna Utama (#e82042), dan font yang ditentukan dalam setelan Jenis Font (Verdana):
Halaman dasbor
Koleksi Warna: Secara opsional, Anda dapat memilih koleksi warna, yaitu sekumpulan palet yang serasi dan cocok digunakan bersama. Saat Anda menetapkan kumpulan warna ke dasbor, semua deret data di semua kartu dasbor diberi warna sesuai dengan palet dalam kumpulan, sehingga memastikan warna deret data dikoordinasikan di seluruh dasbor.
Saat Anda menetapkan koleksi warna ke tema, koleksi warna tema akan menggantikan koleksi warna yang sebelumnya ditetapkan ke kartu. Namun, kumpulan warna tema tidak akan menggantikan warna yang disesuaikan yang ditetapkan ke deretan data, atau menggantikan pemformatan bersyarat yang diterapkan ke visualisasi tabel.
Ukuran Font Judul: Secara opsional, sesuaikan ukuran font judul dasbor dari serangkaian ukuran yang telah ditentukan sebelumnya dalam piksel.
Margin Atas: Secara opsional, tetapkan nilai tertentu untuk margin di bagian atas dasbor. Pilih dari opsi yang telah ditentukan di menu drop-down. Margin diukur dalam piksel (px).
Margin Bawah: Secara opsional, tetapkan nilai tertentu untuk margin di bagian bawah dasbor. Pilih dari opsi yang telah ditentukan di menu drop-down. Margin diukur dalam piksel (px).
Sisi Margin: Secara opsional, tetapkan nilai tertentu untuk margin di sisi dasbor. Pilih dari opsi yang telah ditentukan di menu drop-down. Margin diukur dalam piksel (px).
Kartu dasbor
Warna Judul: Kode warna heksadesimal untuk elemen berikut:
- Judul dasbor
- Judul kartu dasbor
- Judul dan teks level 1 header pada kartu Markdown
- Warna teks visualisasi nilai tunggal
Warna Teks: Kode warna heksadesimal untuk elemen berikut:
- Teks pada dasbor, termasuk legenda dalam visualisasi
- Teks isi dan subtitel, kecuali teks tingkat header 1, pada kartu Markdown
- Judul level 1, judul level 2, dan teks normal pada petak teks
- Ikon kartu dalam visualisasi nilai tunggal
Warna Isi Teks: Kode warna heksadesimal untuk elemen berikut:
- Teks isi, kecuali teks header level 2 dan header level 3, dalam kartu Markdown.
- Teks isi dalam kartu teks
Warna Latar Belakang: Kode warna heksadesimal untuk latar belakang semua kartu, kecuali kartu teks.
Warna Latar Belakang Teks: Kode warna heksadesimal untuk latar belakang kartu teks.
Perataan Judul: Tetapkan perataan judul kartu ke kiri, kanan, atau tengah.
Ukuran Font Judul: Secara opsional, sesuaikan ukuran font kartu dasbor dari serangkaian ukuran yang telah ditentukan sebelumnya dalam piksel.
Box Shadow: Buat bayangan di sekitar kartu dasbor menggunakan sintaksis CSS. Anda dapat memilih dari bayangan kotak yang telah ditentukan sebelumnya atau membuat bayangan kotak kustom. Untuk membuat bayangan kotak kustom, masukkan horizontal-offset vertical-offset blur-radius spread-radius color yang Anda pilih, lalu pilih Masukkan Gaya Kustom untuk menerapkan setelan Anda. Pratinjau setelan bayangan kotak ditampilkan di sebelah kanan.
Ukuran Ruang Kolom: Secara opsional, sesuaikan ukuran ruang di antara kolom kartu dasbor dari serangkaian ukuran standar dalam piksel.
Ukuran Jarak Baris: Anda dapat menyesuaikan ukuran ruang antar-baris kartu dasbor dari serangkaian ukuran dalam piksel yang telah ditentukan sebelumnya.
Radius Batas: Sesuaikan radius batas kartu dasbor secara opsional untuk membuat sudut persegi atau bulat.
Mengedit tema
Untuk semua tema, Anda dapat mengklik tombol Edit terkait untuk memperbarui setelan tema.
Anda dapat mengedit setelan seperti yang Anda lakukan saat membuat tema baru. Untuk mengetahui deskripsi setelan, lihat setelan tema yang dijelaskan sebelumnya. Pastikan untuk memilih Simpan untuk menyimpan pembaruan Anda.
Menyalin tema
Anda dapat menyalin tema yang ada dengan memilih menu tema dan memilih Salin Tema.
Saat Anda membuat salinan tema, nama tema baru secara default adalah nama tema yang disalin, diikuti dengan "(salinan)". Pastikan untuk mengubah nama ini secara manual menjadi nama baru yang unik dengan hanya karakter alfanumerik dan garis bawah, serta pastikan untuk menghapus tanda kurung.
Anda dapat mengedit setelan lainnya seperti yang Anda lakukan saat membuat tema baru. Untuk mengetahui deskripsi setelan, lihat setelan tema yang dijelaskan sebelumnya. Pastikan untuk memilih Simpan agar semua setelan tema Anda tetap tersimpan.
Menghapus tema
Untuk menghapus tema, pilih menu tema, lalu pilih Hapus Tema.
Menetapkan tema default
Jika Anda menetapkan tema sebagai tema default, tema tersebut akan diterapkan ke dasbor tempat pengguna memilih opsi Tidak Ada dari kolom Tema saat dalam mode edit.
Untuk menetapkan tema sebagai tema default, pilih menu tema, lalu pilih Tetapkan sebagai Default.
Untuk menghapus setelan default dari tema default, pilih menu tema, lalu pilih Hapus Default.