全部产品
Search
文档中心

Quick BI:Konfigurasi Gaya Kontrol Kueri

更新时间:Jun 24, 2025

Topik ini menjelaskan cara mengonfigurasi gaya tampilan kontrol kueri setelah menetapkan kondisi kueri.

Masukkan kata kunci ke dalam kotak pencarian di bagian atas area konfigurasi gaya untuk menemukan item konfigurasi dengan cepat.

image.png

Klik ikon di sebelah kanan image..png untuk beralih fitur perluas/ciutkan semua kategori.

image.png

Konfigurasi gaya PC

null

Browser IE 11 tidak mendukung pengaturan terkait font (ukuran, warna, dll.), batas, warna latar belakang, atau jarak.

  • Konfigurasikan judul dan wadah komponen di bagian judul dan kartu.

    Item konfigurasi

    Deskripsi

    Judul

    • Mendukung pengaturan apakah akan menampilkan judul utama dan mengonfigurasi gaya judul. image.png

    • Mendukung pengaturan pemisah garis. image.png

    Wadah komponen

    Mendukung pengaturan isian latar belakang kustom (①), radius batas (②), dan padding dalam kartu (③). image.png

  • Di bagian posisi dan tata letak, buat konfigurasi berikut.

    Item konfigurasi

    Deskripsi

    Posisi kontrol pada halaman

    Mendukung default atau global top. Saat disetel ke global top, kontrol tetap berada di bagian atas saat menggulir halaman.

    1.gif

    Perluas semua kondisi filter secara default

    Mendukung pengaturan perluas semua kondisi filter secara default.

    2.gif

    Tinggi kartu

    Saat perluas semua kondisi filter secara default dicentang, mendukung pengaturan tinggi kartu ke rotasi otomatis atau pengaturan manual.

    Di antaranya, Pengaturan Manual merujuk pada penyesuaian drag-and-drop. Saat terlampaui, bilah gulir potret ditampilkan. Saat tinggi diatur secara manual, semua kondisi filter tidak dapat dilipat.

    image.png

    Penyelarasan kondisi

    Mendukung pengaturan penyelarasan kondisi ke horizontal atau vertikal.

    • Horizontal: image.png

    • Vertikal: image.png

    Posisi kondisi dalam wadah

    Mendukung rata kiri, rata tengah, rata kanan.

    4.gif

    Jarak kondisi

    Mendukung pengaturan jarak kondisi.

    41.gif

  • Di kotak pilihan kondisi, buat konfigurasi berikut.

    Item konfigurasi

    Deskripsi

    Gaya kotak pilihan

    Gaya kotak pilihan mendukung isi, bingkai garis, minimalis.

    image.png

    Warna latar belakang

    Mendukung pengaturan warna latar belakang kotak pilihan kondisi.

    image.png

    Batas

    Mendukung pengaturan ketebalan dan warna batas kotak pilihan kondisi.

    image.png

    Radius batas

    Mendukung pengaturan ukuran radius batas kotak pilihan kondisi.

    image.png

    Teks

    Anda dapat mengatur warna dan ukuran font teks kotak centang kondisi.

    image.png

    Gaya kondisi kustom

    Anda dapat melakukan konfigurasi gaya yang lebih disesuaikan untuk kondisi kueri individual berdasarkan jenis tampilan kondisi kueri yang berbeda.

    null

    Jika objek diduplikasi, gaya kustom akan menimpa gaya umum di atas. Anda dapat memilih untuk mengatur ulang untuk memulihkan pengaturan default.

    • Ketika tipe tampilan kontrol kueri adalah drop-down list, kotak input teks, kotak input numerik, tree drop-down, dan pemilihan tanggal reguler, mendukung pengaturan lebar opsi, warna latar belakang, batas, radius batas, dan warna teks untuk setiap kondisi. 7.gif

    • Saat jenis tampilan kontrol kueri adalah daftar drop-down, mendukung beralih ke opsi ubin atau daftar tetap.

      • Ketika tipe kontrol adalah tile options, mendukung pengaturan jumlah maksimum tampilan, gaya terpilih, dan tidak terpilih.

        image.png

      • Ketika tipe kontrol adalah fixed list, mendukung pengaturan jumlah default opsi tampilan.

        image.png

    • Saat jenis tampilan kontrol kueri adalah pemilihan tanggal dan kondisi tanggal mengaktifkan interval cepat, mendukung memilih daftar drop-down dan opsi ubin untuk menurunkan atau mengubah ubin berbagai jenis interval cepat.

      image.png

      null

      Gaya tombol ubin hanya mendukung kasus di mana opsi interval cepat tidak melebihi lima.

      • Daftar drop-down mendukung pengaturan gaya seluruh kotak pilihan.

        image.png

      • Opsi ubin mendukung pengaturan gaya penyusunan interval cepat dan pemilihan tanggal.

        • Penyusunan interval cepat

          image.png

        • Pemilihan tanggal

          image.png

  • Aktifkan atau nonaktifkan tampilan nama kondisi serta konfigurasikan posisi, teks, dan jarak dengan kotak pilihan.

    Item konfigurasi

    Deskripsi

    Posisi

    Mendukung posisi nama kondisi menjadi di atas atau di kiri. Saat disetel ke di atas, mendukung penyelarasan menjadi rata kiri, rata tengah, dan rata kanan.

    9.gif

    Teks

    Mendukung pengaturan gaya teks nama kondisi.

    image.png

    Jarak dengan kotak pilihan

    Mendukung pengaturan jarak dengan kotak pilihan nama kondisi.

    image.png

  • Di bagian tombol, atur tampilan tombol, posisi tombol, warna tombol, radius batas tombol, dan gaya teks.

    Item konfigurasi

    Deskripsi

    Tampilan tombol

    image

    null

    Hanya saat item konfigurasi tampilan tombol dipilih sebagai bersihkan dan tampilkan, tombol reset dan bersihkan akan muncul.

    • Reset: Menunjukkan bahwa kondisi kueri dikembalikan ke nilai default yang telah ditetapkan.

    • Bersihkan: Menunjukkan membersihkan nilai yang ditampilkan dalam kondisi kueri.

    Sebagai contoh, jika Filter Bar A digabungkan dengan Filter Bar B, Filter Bar A adalah level atas dari Filter Bar B. Jika Filter Bar A direset atau dibersihkan, Filter Bar B juga direset atau dibersihkan. Jika Filter Bar B direset atau dibersihkan, Filter Bar A tidak berubah.

    Mendukung pengaturan urutan tampilan tombol dengan menyeret ikon image di sebelah kiri.

    30

    Posisi tombol

    Mendukung default, kanan kondisi, di bawah kondisi, dan ikuti kondisi.

    • Kanan kondisi

      image

      Dalam hal ini, mendukung pengaturan tombol di atas, tengah, dan bawah, bersama dengan penyusunan tombol sebagai horizontal atau vertikal.

      34

    • Di bawah kondisi

      image

      Dalam hal ini, mendukung pengaturan tombol untuk rata kiri, rata tengah, rata kanan, bersama dengan penyusunan tombol sebagai horizontal atau vertikal.

      35

    • Ikuti kondisi

      image

    Warna tombol

    Mendukung pengaturan warna tombol.

    image

    Radius batas tombol

    Mendukung pengaturan radius batas tombol.

    image.png

    Teks

    Mendukung pengaturan gaya teks tombol.

    image.png

Konfigurasi gaya seluler

  • Konfigurasikan judul dan wadah komponen di bagian judul dan kartu.

    Item konfigurasi

    Deskripsi

    Judul

    • Mendukung pengaturan apakah akan menampilkan judul utama dan mengonfigurasi gaya judul. image.png

    • Mendukung pengaturan pemisah garis. image.png

    Wadah komponen

    Mendukung pengaturan isian latar belakang kustom (①), radius batas (②), dan padding dalam kartu (③). image.png

  • Di bagian posisi dan tata letak, buat konfigurasi berikut.

    Item konfigurasi

    Deskripsi

    Posisi kontrol pada halaman

    Mendukung default atau global top. Saat disetel ke global top, kontrol tetap berada di bagian atas saat menggulir halaman.

    12.gif

    Posisi kondisi dalam wadah

    Mendukung rata kiri, rata tengah, rata kanan.

    13.gif

    Jarak kondisi

    Mendukung pengaturan jarak kondisi.

    14.gif

  • Di kotak pilihan kondisi, buat konfigurasi berikut.

    Item konfigurasi

    Deskripsi

    Gaya kotak pilihan

    Gaya kotak pilihan mendukung isi, bingkai garis, minimalis.

    15.gif

    Warna latar belakang

    Mendukung pengaturan warna latar belakang kotak pilihan kondisi.

    image.png

    Batas

    Mendukung pengaturan ketebalan dan warna batas kotak pilihan kondisi.

    image.png

    Radius batas

    Mendukung pengaturan ukuran radius batas kotak pilihan kondisi.

    image.png

    Teks

    Mendukung pengaturan warna dan ukuran font teks kotak centang kondisi.

    image.png

    Gaya kondisi kustom

    Anda dapat melakukan konfigurasi gaya yang lebih disesuaikan untuk kondisi kueri individual.

    null

    Jika objek diduplikasi, gaya kustom akan menimpa gaya umum di atas. Anda dapat memilih untuk mengatur ulang untuk memulihkan pengaturan default.

    • Daftar drop-down

      • Mendukung pengaturan warna latar belakang, batas, radius batas, dan gaya teks kondisi.

        18.gif

      • Mendukung pengaturan gaya opsi drop-down ke opsi daftar atau opsi ubin dan mengatur jumlah kolom atau jumlah tampilan dalam satu baris.

        19.gif

    • Opsi ubin

      • Mendukung pengaturan radius batas, terpilih, dan tidak terpilih gaya.

        image.png

      • Mendukung pengaturan jumlah tampilan dalam satu baris.

        image.png

    • Daftar tetap

      • Mendukung pengaturan warna latar belakang, batas, radius batas, dan gaya teks.

        image.png

      • Mendukung pengaturan jumlah kolom pilihan.

        image.png

    • Pemilihan tanggal

      • Saat kondisi tanggal mengaktifkan interval cepat, mendukung memilih daftar drop-down dan opsi ubin.

        • Daftar drop-down mendukung pengaturan warna latar belakang, batas, radius batas, dan gaya teks.

          image.png

        • Opsi ubin mendukung pengaturan gaya penyusunan interval cepat dan pemilihan tanggal.

          null

          Gaya tombol ubin hanya mendukung kasus di mana opsi interval cepat tidak melebihi lima.

          • Penyusunan interval cepat mendukung pengaturan radius batas, terpilih, dan tidak terpilih gaya.

            image.png

          • Pemilihan tanggal mendukung pengaturan warna latar belakang, batas, radius batas, dan gaya teks.

            image.png

      • Pemilihan tanggal tanggal tunggal (seperti tahun tunggal, hari tunggal, bulan tunggal, minggu tunggal, dll.) atau tipe interval adalah mulai pada, berakhir pada, mendukung pengaturan posisi panah.

        image.png

    • Kotak input

      Kotak input teks dan kotak input numerik mendukung pengaturan warna latar belakang, batas, radius batas, dan gaya teks.

      image.png

    • Tree drop-down

      • Mendukung pengaturan warna latar belakang, batas, radius batas, dan gaya teks.

        image.png

      • Mendukung pengaturan jumlah kolom pilihan.

        image.png

  • Aktifkan atau nonaktifkan tampilan nama kondisi serta konfigurasikan posisi, teks, dan jarak dengan kotak pilihan.

    Item konfigurasi

    Deskripsi

    Posisi

    Mendukung posisi nama kondisi menjadi di atas atau di kiri. Saat disetel ke di atas, mendukung penyelarasan menjadi rata kiri, rata tengah, dan rata kanan.

    17.gif

    Teks

    Mendukung pengaturan gaya teks nama kondisi.

    image.png

  • Di bagian tombol, atur tampilan tombol, warna tombol, dan ukuran font teks.

    image