> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Canvas

> Pilih, edit, susun ulang, dan ubah ukuran blok langsung di kanvas, ruang kerja visual di dalam editor tanda tangan Scribe untuk mendesain tanda tangan.

Canvas adalah area utama editor tempat Anda melihat dan berinteraksi dengan tanda tangan saat dirangkai. Cara kerjanya seperti alat desain visual: klik untuk memilih, seret untuk menyusun ulang, dan edit teks secara inline, sementara panel tree dan panel styling tetap selaras.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-editor-overview-full.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=43103cb126a92c2c6b71e934c69bc1fc" alt="Canvas editor Scribe dengan blok tanda tangan dan panel" width="3456" height="1928" data-path="images/canvas-editor-overview-full.png" />
</Frame>

## Memilih blok

Klik blok mana saja di canvas untuk memilihnya. Garis tepi biru akan muncul di sekeliling blok yang dipilih, dan:

* Item yang sesuai disorot di **panel tree**
* **Panel styling** di sebelah kanan diperbarui untuk menampilkan pengaturan blok tersebut

Ini berlaku dua arah. Mengeklik blok di panel tree juga memilihnya di canvas dan menggulirnya ke tampilan.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-block-selected-blue-border.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=c8cc218981ed8bf4dcfc88c135fcae8b" alt="Blok canvas yang dipilih dengan garis tepi biru dan panel styling" width="3456" height="1928" data-path="images/canvas-block-selected-blue-border.png" />
</Frame>

<Tip>
  Untuk blok bersarang (seperti elemen teks di dalam kolom), klik sekali untuk memilih kontainer induk, lalu klik lagi untuk memilih blok anak di dalamnya.
</Tip>

## Mengedit teks secara inline

Untuk blok teks, Anda dapat mengedit konten langsung di canvas. Klik blok teks untuk memilihnya, lalu klik lagi untuk menempatkan kursor dan mulai mengetik. Anda dapat memilih kata atau frasa untuk menerapkan pemformatan dari panel styling.

Saat Anda mengedit teks secara inline, panel styling menampilkan kontrol tingkat teks: font, ukuran, warna, tinggi baris, dan opsi pemformatan (tebal, miring, huruf besar, coret, garis bawah).

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-text-inline-editing.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=f672931097ae87ea925ca6ebf2780fb1" alt="Blok teks dalam mode pengeditan inline di kanvas" width="3456" height="1930" data-path="images/canvas-text-inline-editing.png" />
</Frame>

<Note>
  Blok teks yang terhubung ke Smartfield (seperti Nama atau Jabatan) menampilkan nilai Smartfield di kanvas. Anda tidak dapat mengedit nilainya sendiri di sini, karena diambil dari sumber data Anda. Namun, Anda tetap dapat mengatur tampilannya.
</Note>

## Menambahkan baris dan kolom

Klik kanan blok mana pun di kanvas untuk membuka menu konteks dengan dua opsi: **Add Row** dan **Add Column**. Ini memungkinkan Anda mengelompokkan blok dengan cepat tanpa meninggalkan kanvas.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-right-click-context-menu.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=a5df92eb1060a397f1cc6381858ef144" alt="Menu konteks klik kanan menampilkan opsi Add Row dan Add Column" width="3456" height="1928" data-path="images/canvas-right-click-context-menu.png" />
</Frame>

Misalnya, jika Anda ingin dua tombol berdampingan, pilih salah satunya, klik kanan, lalu pilih **Add Column**. Ini akan membungkus blok yang dipilih ke dalam wadah kolom baru, sehingga mudah meletakkan blok lain di sebelahnya. Pilih **Add Row** jika Anda ingin menyusun elemen secara vertikal dalam wadah yang sama.

Ini sangat berguna untuk membangun tata letak seperti deretan ikon sosial, sepasang tombol ajakan bertindak, atau bagian apa pun yang membutuhkan beberapa blok untuk dikelompokkan dan disejajarkan bersama.

## Mengatur ulang urutan blok

Seret blok mana pun di kanvas untuk mengatur ulang urutannya dalam wadahnya. Saat Anda menyeret, garis biru putus-putus menunjukkan posisi blok saat dilepaskan.

Anda juga dapat mengatur ulang blok dengan menyeretnya di panel pohon. Hasilnya sama.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-block-drag-reorder.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=a510ddd4e8c403d6fa94a35d7d6eb44c" alt="Blok yang sedang diseret untuk diatur ulang dengan indikator drop biru putus-putus" width="3456" height="1929" data-path="images/canvas-block-drag-reorder.png" />
</Frame>

## Mengubah ukuran

Beberapa blok (seperti gambar) menampilkan pegangan ukur (kotak biru kecil) di sisi dan sudut saat dipilih. Seret pegangan ini untuk mengubah ukuran blok langsung di kanvas. Dimensi persisnya diperbarui secara real-time di panel penataan gaya.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-image-resize-handles.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=43adfd56f04195f6f0092cf1e6dcc7e0" alt="Blok gambar dengan pegangan ubah ukuran berwarna biru di kanvas" width="3456" height="1930" data-path="images/canvas-image-resize-handles.png" />
</Frame>

## Menavigasi kanvas

Kanvas adalah ruang kerja tanpa batas. Gunakan [action bar](/id/editor/action-bar) di bagian bawah untuk memperbesar dan memperkecil tampilan, atau aktifkan hand tool untuk menggeser kanvas tanpa tidak sengaja memilih blok.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-action-bar-zoom-controls.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=21abcbc64fe94aad3a79258f30c95881" alt="Action bar dengan kontrol zoom dan hand tool di bagian bawah kanvas" width="3448" height="1908" data-path="images/canvas-action-bar-zoom-controls.png" />
</Frame>