In this article
You can find the Button layer in the Slide Editor.
This will be the text on your button.
Your button can be either as wide as your text needs it to be, or with this option it can be as wide as the layer is.
If it's turned on, and your text is longer, than the width of your layer, it will still stay in one row. If it's turned off, the text will go to the next rows.
You can put a link on the layer. Learn more about the link options at the Link documentation.
Specifies where to open the linked document.
- Self: Opens the linked document in the same frame as it was clicked (this is default link behavior).
- New: Opens the linked document in a new window or tab.
- Parent: Opens the linked document in the parent frame.
- Top: Opens the linked document in the full body of the window.
The rel attribute specifies the relationship between the current document and the linked document.
You can show an icon beside the button's text. The same icons are available what you can find at the Icon layer.
The font size of the icon.
The distance between the icon and text
Whether the icons shows up on the left or right side of the text.
You can add a custom css class, that will be applied to the button layer.
Learn about the typography options at the Layer Typography & Design documentation.
Learn about the background options at the Layer Typography & Design documentation.
Learn about the border options at the Layer Typography & Design documentation.
Learn about the spacing options at the Layer Typography & Design documentation.
Learn about the responsive options at the Layer Style documentation.
Learn more about the effect options at the Layer Style documentation.
Learn about the position options at the Layer Style documentation.
Learn about the size options at the Layer Style documentation.
Learn more about the advanced options at the Layer Style documentation.
Learn about the animations at the Animation documentation.
Frequently Asked Questions
How to create a button with rounded corners?
Use the Border Radius option at the Style tab.
How to make the button behave better responsively?
You can make the button have better responsive behavior by using
empaddings instead of
empaddings will be smaller if you reduce the font size on tablet and mobile, so the button will look less large.