Anda dapat menggunakan tema kustom untuk menyesuaikan tampilan dasbor dan Look Looker internal (tidak disematkan). 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 dari halaman Themes di bagian Platform pada panel Admin.
Halaman ini menjelaskan hal berikut:
- Persyaratan pengguna dan instance
- Cara tema diterapkan ke dasbor
- Cara tema diterapkan ke Look
- Cara tema diterapkan 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 dan Look internal Looker, Anda harus memenuhi persyaratan berikut:
- Admin Looker Anda harus mengaktifkan fitur pratinjau Internal Dashboard Theming.
- 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 tersebut akan diterapkan ke dasbor Anda. Jika Anda memilih Tidak ada, dan instance Anda memiliki tema default, tema default akan diterapkan.
Menerapkan tema ke Look
Untuk menerapkan tema ke Look, pastikan Look berada dalam mode edit, lalu klik Style untuk membuka panel Style. Pilih tema dari kolom Theme, dan tema tersebut akan diterapkan ke Look Anda. Jika Anda memilih Default, 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 Themes, pilih tab Internal, lalu klik Add Theme.
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. Tampilan menggunakan warna ini untuk link, tombol utama, dan tab yang dipilih.
Text Color: Kode warna heksadesimal untuk teks di dasbor dan Look, serta untuk banner dan ikon di Look.
Warna Latar Belakang: Kode warna heksadesimal untuk latar belakang Look dan dasbor.
Jenis Font: Nama jenis font. Font ini akan digunakan untuk semua teks di dasbor, termasuk judul ubin, ubin teks, dan legenda dalam visualisasi. Font ini juga akan digunakan untuk semua teks di Eksplorasi. Jika ada spasi pada nama font, gunakan tanda kutip di sekitar nama, seperti "Open Sans".
Jika 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.
Font Source: Biarkan kolom ini kosong kecuali jika Anda ingin menggunakan font kustom — font yang bukan font umum yang aman untuk web. Font Source harus berupa URL lengkap yang diawali dengan https dan mengarah ke nilai url yang ditentukan dalam argumen src dari @font-face. Sebaiknya gunakan file web open font format (.woff), karena file .woff2 tidak didukung oleh Internet Explorer 11.
- Misalnya, untuk PT Sans Narrow, Anda dapat memasukkan "PT Sans Narrow" di kolom jenis font, lalu memasukkan
https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woffdi kolom Font Source.
Halaman dasbor
Kumpulan Warna: Secara opsional, Anda dapat memilih kumpulan warna, yang merupakan kumpulan palet terkoordinasi yang cocok satu sama lain. Saat Anda menetapkan koleksi warna ke dasbor, semua deret data di semua ubin dasbor akan diwarnai sesuai dengan palet dalam koleksi, 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, koleksi warna tema tidak akan mengganti warna kustom yang ditetapkan ke deret data, dan tidak akan mengganti pemformatan bersyarat yang diterapkan ke visualisasi tabel.
Ukuran Font Judul: Sesuaikan ukuran font judul dasbor secara opsional dari kumpulan ukuran yang telah ditentukan dalam piksel.
Margin Atas: Secara opsional, tetapkan nilai tertentu untuk margin di bagian atas dasbor. Pilih dari opsi yang telah ditentukan dalam menu drop-down. Margin diukur dalam piksel (px).
Margin Bottom: Tetapkan nilai tertentu secara opsional untuk margin di bagian bawah dasbor. Pilih dari opsi yang telah ditentukan dalam 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 dalam menu drop-down. Margin diukur dalam piksel (px).
Kartu dasbor
Warna Judul: Kode warna heksadesimal untuk elemen berikut:
- Judul dasbor
- Judul ubin dasbor
- Judul dan teks level 1 header dari ubin Markdown
- Warna teks visualisasi KPI (Nilai Tunggal) dan visualisasi nilai tunggal (lama)
Warna Teks: Kode warna heksadesimal untuk elemen berikut:
- Teks di dasbor, termasuk legenda dalam visualisasi
- Subjudul dan teks isi, kecuali teks header level 1, dari ubin Markdown
- Header level 1, header level 2, dan teks normal di kartu teks
- Ikon ubin dalam visualisasi KPI (Nilai Tunggal) dan visualisasi nilai tunggal (lama)
Warna Isi Teks: Kode warna heksadesimal untuk elemen berikut:
- Teks isi, kecuali teks header level 2 dan header level 3, di ubin 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 kotak teks.
Perataan Judul: Tetapkan perataan judul kartu ke kiri, kanan, atau tengah.
Ukuran Font Judul: Sesuaikan ukuran font kartu dasbor secara opsional dari kumpulan ukuran yang telah ditentukan dalam piksel.
Box Shadow: Buat bayangan di sekitar kotak dasbor menggunakan sintaksis CSS. Anda dapat memilih dari bayangan kotak yang telah ditentukan atau membuat bayangan kotak kustom. Untuk membuat bayangan kotak kustom, masukkan horizontal-offset vertical-offset blur-radius spread-radius color pilihan Anda, lalu pilih Masukkan Gaya Kustom untuk menerapkan setelan Anda. Pratinjau setelan bayangan kotak ditampilkan di sebelah kanan.
Column Gap Size: Sesuaikan ukuran ruang di antara kolom ubin dasbor dari kumpulan ukuran yang telah ditentukan dalam piksel (opsional).
Row Gap Size: Anda dapat menyesuaikan ukuran ruang di antara baris kartu dasbor dari serangkaian ukuran yang telah ditentukan dalam piksel.
Radius Batas: Jika perlu, sesuaikan radius batas ubin dasbor 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 saat membuat tema baru. Untuk deskripsi setelan, lihat setelan tema yang dijelaskan sebelumnya. Pastikan untuk memilih Simpan agar pembaruan Anda tetap tersimpan.
Menyalin tema
Anda dapat menyalin tema yang ada dengan memilih menu tema, lalu memilih Salin Tema.
Saat Anda membuat salinan tema, nama tema baru akan ditetapkan secara default ke 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 saat Anda membuat tema baru. Untuk deskripsi setelan, lihat setelan tema yang dijelaskan sebelumnya. Pastikan untuk memilih Simpan untuk menyimpan semua setelan tema Anda.
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 mana pun tempat pengguna memilih opsi Tidak ada dari kolom Tema saat dalam mode edit.
Untuk menetapkan tema sebagai tema default, pilih menu tema, lalu pilih Setel sebagai Default.
Untuk menghapus setelan default dari tema default, pilih menu tema, lalu pilih Hapus Default.