Panduan Feat Desain: 5. Highlight, Format, dan Gaya


🖨️

Panduan ini menjelaskan cara mengubah tampilan objek secara bersyarat dengan Highlight, mengatur format angka dan tanggal, memakai Tag, dan memakai Style.

⭐ Feat Desktop   ⭐ Feat Professional   ⭐ Feat Enterprise   ⭐ Feat ERP

ℹ️   Ini adalah Panduan 5 dari 7 seri Panduan Mendesain Formulir dan Laporan di Feat. Panduan ini memakai istilah standar FastReport karena itulah istilah yang tampil di layar designer.

Editor Text Object

Klik dua kali sebuah Text object untuk membuka editor Memo yang memiliki tiga tab:

TabFungsi
TextMengetik teks dan ekspresi, tombol Insert Expression, Σ Insert Aggregate, Word wrap
FormatFormat tampilan angka, tanggal, atau teks (Display Format)
HighlightPerubahan tampilan bersyarat (warna, huruf, tampil atau sembunyi)

Highlight – Tampilan Berubah Menurut Kondisi

Highlight mengubah penampilan sebuah objek hanya bila suatu kondisi benar. Contoh: angka Jumlah Harga di atas 1.000.000 dicetak merah tebal dengan latar kuning muda.

  1. Klik dua kali Text object yang akan diberi highlight.
  2. Buka tab Highlight, klik Add.
  3. Pada Expression Editor, ketik kondisi tanpa [ ] dan dengan field dibungkus < >:
    <frData."JUMLAH HARGA"> > 1000000
  4. Klik OK, lalu atur gaya bila kondisi benar:
    • Frame: memberi bingkai.
    • Fill: mengubah warna latar. Pada tab Brush, pilih Background color (misalnya $CCFFFF, kuning muda).
    • Font: mengubah huruf. Pilih Font style Bold dan Color Red.
    • Visible: hilangkan centang untuk menyembunyikan objek saat kondisi benar.
  5. Klik OK pada editor.

Contoh kondisi yang berguna:

TujuanKondisi
Nilai besar<frData."JUMLAH HARGA"> > 1000000
Sama dengan teks tertentu<frData."NAMA TERMIN"> = 'C.O.D'
Nilai kosong<frData."KETERANGAN"> = ''
Dua syarat sekaligus(<frData."JUMLAH"> > 10) and (<frData."HARGA"> > 100000)
Baris selang-seling (zebra)<Line#> mod 2 = 0
  • Satu objek boleh memiliki banyak kondisi. Tombol Add, Delete, dan Edit mengelolanya, sedangkan tombol panah mengatur urutan pemeriksaan.
  • Highlight bekerja per objek. Untuk mewarnai satu baris penuh, beri highlight dengan kondisi yang sama persis pada semua kolom di baris itu. Cara cepat: atur pada satu objek, lalu salin objek tersebut dan ganti teksnya.

Display Format – Format Angka, Tanggal, dan Teks

Rumus mengembalikan nilai mentah (2500000). Format menentukan tampilannya. Terdapat tiga cara.

Cara A – tab Format pada editor: klik dua kali objek, buka tab Format, pilih Category (Number, Date/Time, Boolean, atau Text), lalu pilih pola atau ketik sendiri pada Format string.

KategoriFormat stringHasil
Number#,##0.00Angka dengan dua desimal dan pemisah ribuan
Number#,##0Angka bulat dengan pemisah ribuan
Number#,##0.##;(#,##0.##)Angka negatif ditampilkan dalam kurung
Date/Timedd mmm yyyy13 May 2015
Date/Timedd/mm/yyyy13/05/2015

Keterangan pola: # angka bila ada, 0 angka wajib, , pemisah ribuan, . pemisah desimal; dd tanggal dua digit, mmm nama bulan singkat, mmmm nama bulan penuh, yyyy tahun empat digit. Pola sebelum titik koma berlaku untuk angka positif, sesudahnya untuk angka negatif. Tanda pemisah yang tampil mengikuti pengaturan regional Windows.

Cara B – properti DisplayFormat: di Object Inspector, isi FormatStr, Kind (fkNumeric, fkDateTime, fkText, fkBoolean), dan DecimalSeparator. Hasilnya sama dengan Cara A.

Cara C – Tag (khusus laporan): pada laporan, pengguna dapat memilih pola angka dan tanggalnya sendiri di tab Format Nilai. Agar pilihan itu berlaku untuk objek, isi properti Tag:

Nilai TagArtinya
0Tidak diatur Feat. Pakai Display Format sendiri
1Diformat sebagai angka sesuai pilihan pada Format Nilai
2Diformat sebagai tanggal sesuai pilihan pada Format Nilai
ℹ️  Pada formulir, Tag tidak dipakai oleh Feat. Atur format lewat Display Format (Cara A atau B). Pola bawaan Format Nilai pada laporan: Angka #,##0.####;(#,##0.####) dan Tanggal dd mmm yyyy.

Style – Gaya yang Dipakai Bersama

Style adalah paket tampilan (huruf, warna, bingkai) yang diberi nama. Bila gaya diubah, semua objek yang memakainya ikut berubah. Untuk memakainya, pilih objek, lalu pilih nama gaya pada kotak Style di Object Inspector.

Style bawaan FeatDipakai untuk
Judul Laporan, Sub Judul LaporanJudul besar ([Judul]) dan periode laporan
Nama Perusahaan, Alamat PerusahaanKop perusahaan
Judul Kolom, Judul Kolom BergarisJudul kolom tebal, dengan atau tanpa garis atas dan bawah
IsiIsi tabel
Footer Kolom, Footer Kolom BergarisTotal tebal, dengan atau tanpa garis
FooterTeks kecil di kaki halaman

Mengubah atau menambah style: buka Report › Styles… (dialog Style Editor), pilih nama gaya di daftar kiri, lalu atur Color, Font…, dan Frame…. Perubahan style hanya berlaku pada template yang sedang dibuka.

Properti Tampilan Lain pada Text Object

PropertiFungsi
HAlign, VAlignRata teks mendatar (haLeft, haCenter, haRight, haBlock) dan tegak (vaTop, vaCenter, vaBottom)
Font, Color, Fill, FrameHuruf, warna latar, isian latar, dan bingkai
WordWrap, AutoWidthTeks pindah baris otomatis, atau lebar mengikuti isi
GapX, GapYJarak teks dari tepi kotak
RotationMemutar teks (derajat), berguna untuk judul kolom sempit
HideZerosAngka 0 tidak dicetak
SuppressRepeatedNilai yang sama dengan baris di atasnya tidak dicetak ulang
Visible, PrintableTampil di designer atau dicetak
Anchors, AlignPenempelan ke tepi band dan pengisian lebar atau tinggi band
💡  Rata angka: selalu gunakan rata kanan (HAlign = haRight) untuk kolom angka agar satuan, puluhan, dan ribuan sejajar. Judul kolom angka juga dibuat rata kanan.

Tab Filter, Urutan, dan Format Nilai pada Layar Laporan

Pada Daftar › Semua Laporan, tiga tab berikut tidak ada di designer tetapi memengaruhi hasil cetak:

TabFungsi
FilterMenyaring baris yang masuk ke frData
UrutanMemilih field pengurutan. Penting bila desain memakai Group Header
Format NilaiPola angka dan tanggal untuk objek ber-Tag 1 dan 2

Pertanyaan Umum

❓ Mengapa Highlight tidak aktif?

Penyebab umumnya kondisi memakai kurung siku atau nama field salah. Hapus kurung siku pada kolom Condition dan bungkus field dengan kurung sudut.

❓ Mengapa pemisah ribuan tidak muncul pada laporan?

Objek belum diformat. Isi Tag dengan 1 agar mengikuti format angka pada tab Format Nilai, atau atur Display Format pada objek.