---
title: "Present Graphics"
canonical: "https://wiki.yellowfinbi.com/space/yfcurrent/2197888/Present%20Graphics"
format: markdown
---
> Macro (toc)

# Overview

Add pre-designed shapes to your presentation by using Graphic Widgets. This allows you to add shapes, arrow lines, or icons, by choosing from a selection of widgets.


## Graphic Widget types

| **Name** | **Description** |
| --- | --- |
| **Shapes** | Types of shapes that can be added to the presentation, such as a circle, or a square that you can expand, customize, and use as a border. |
| **Lines** | Types of lines that can be added to the presentation, such as arrows. |
| **Icons** | Types of icons that can be added to the presentation. |



---


# How to use Graphic Widgets

1. Click on the **Graphics** button on the left side of the screen, to expand its panel.
2. Expand any of the sections within the panel (such as shape, lines or icons) and drag the selected widget anywhere on the presentation slide.
  
3. You can customize a Graphic Widget via its properties panel. This panel appears on the right side once the widget is selected. Refer to the properties section below to learn about the type of customization available via a shape, line, or icon widget.
4. <span style="color: #000000">You can also add an action event that will be triggered when this widget is clicked. See the</span><span style="color: #000000"> </span>*Actions*<span style="color: #000000"> </span><span style="color: #000000">section in the widget's property table below for more information.</span>
5. Additional options are available by right-clicking and using the menu that appears. Learn more about the menu options [here](https://yellowfin.atlassian.net/wiki/spaces/yfcurrent/pages/2198417/Present+Objects#PresentObjects-manageobjects).



---


# Graphic properties

<span style="color: #000000">The table below explains the Graphic Widget properties that can be used for customization.</span>

> ✅ Code mode tip: copy a customized icon, and chance the icon type by using the ‘fa’ class. For example, ‘fa_android’ can be switched out for ‘fa_arrow’. Code mode is the only way to change the icons.


> Macro (section)
> 
> > Macro (legacy-content)
> 
> > Macro (legacy-content)