Tema untuk dasbor internal

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 dari halaman Tema di bagian Platform pada panel Admin.

Halaman ini menjelaskan hal berikut:

Persyaratan pengguna dan instance

Untuk mengelola tema dasbor Looker internal, Anda harus memenuhi persyaratan berikut:

Menerapkan tema ke dasbor

Untuk menerapkan tema ke dasbor, pastikan dasbor 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.

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 dapat berisi karakter alfanumerik dan garis bawah. Jika Anda memasukkan spasi dalam nama tema, spasi tersebut akan diganti dengan garis bawah saat Anda menyimpan tema.

Umum

Warna Kunci: 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 dalam Eksplorasi. Jika ada spasi dalam nama font, gunakan tanda kutip di sekitar nama, seperti "Open Sans".

Jika menggunakan font web-safe umum, Anda cukup mengetik nama font di kolom Jenis Font dan mengosongkan kolom Sumber Font. Jika 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 web-safe umum. 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 web terbuka (.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 masukkan https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff di kolom Sumber Font.

Halaman dasbor

Koleksi Warna: Secara opsional, Anda dapat memilih koleksi warna, yang merupakan kumpulan palet yang terkoordinasi dan berfungsi dengan baik. Saat Anda menetapkan koleksi warna ke dasbor, semua rangkaian data di semua kartu dasbor akan diberi warna sesuai dengan palet dalam koleksi, sehingga warna rangkaian data akan dikoordinasikan di seluruh dasbor.

Saat Anda menetapkan koleksi warna ke tema, koleksi warna tema akan mengganti koleksi warna yang sebelumnya ditetapkan ke kartu. Namun, koleksi warna tema tidak akan mengganti warna kustom yang ditetapkan ke rangkaian data, dan tidak akan mengganti pemformatan bersyarat yang diterapkan ke visualisasi tabel.

Ukuran Font Judul: Secara opsional, sesuaikan ukuran font judul dasbor 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 Bawah: Secara opsional, tetapkan nilai tertentu untuk margin di bagian bawah dasbor. Pilih dari opsi yang telah ditentukan dalam menu drop-down. Margin diukur dalam piksel (px).

Margin Samping: 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:

Warna Teks: Kode warna heksadesimal untuk elemen berikut:

  • Teks di dasbor, termasuk legenda dalam visualisasi
  • Subjudul dan teks isi, kecuali teks level header 1, kartu Markdown
  • Teks level header 1, level header 2, dan teks normal di kartu teks
  • Ikon kartu dalam visualisasi nilai tunggal

Warna Isi Teks: Kode warna heksadesimal untuk elemen berikut:

  • Teks isi, kecuali teks level header 2 dan level header 3, di kartu Markdown.
  • Teks isi di 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 judul kartu dasbor dari kumpulan ukuran yang telah ditentukan dalam piksel.

Bayangan Kotak: Buat bayangan di sekitar kartu 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 , lalu pilih Masukkan Gaya Kustom untuk menerapkan setelan Anda. Pratinjau setelan bayangan kotak ditampilkan di sebelah kanan.

Ukuran Jarak Kolom: Secara opsional, sesuaikan ukuran spasi antar-kolom kartu dasbor dari kumpulan ukuran yang telah ditentukan dalam piksel.

Ukuran Jarak Baris: Secara opsional, sesuaikan ukuran spasi antar-baris kartu dasbor dari kumpulan ukuran yang telah ditentukan dalam piksel.

Radius Batas: Secara opsional, sesuaikan radius batas kartu 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 mengetahui deskripsi setelan, lihat setelan tema yang dijelaskan sebelumnya. Pastikan untuk memilih Simpan agar perubahan 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 ke nama baru yang unik dengan hanya karakter alfanumerik dan garis bawah, dan pastikan untuk menghapus tanda kurung.

Anda dapat mengedit setelan lainnya seperti 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 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 Tetapkan sebagai Default.

Untuk menghapus setelan default dari tema default, pilih menu tema, lalu pilih Hapus Default.