Introduction

In this article, we will learn how to format buttons.

Step by Step Instructions

On the decision tree canvas,
1. Click the settings icon
2. Click “Appearance”

The button color, size, border width and button text can be configured.

Alternatively, you may tick “Use image button” to create an image button by
uploading an image.

Normal vs. Hover: When the mouse cursor is not hovering on the button, the appearance settings under “Normal” will be shown. When the mouse cursor is hovering on the button, the appearance settings under “Hover” will be shown.

General: button text, background color, and font color can be configured here.

Font: font style, font weight, font size and line height can be configured here.

Font Style: letter spacing, transform (capitalization etc.), text formatting and alignment can be configured here.

Text Shadow: shadow color, x-axis/y-axis shadow and blur can be configured here.

Sizing & Spacing: width, alignment, margin and padding can be configured here.

Border: border width and border radius can be configured here.

Box Shadow: box shadow color, x-axis/y-axis shadow and blur can be configured here.