# Bravo Tags

### **Is it possible to play a GIF that is from Airtable data?**

Yes, you can connect GIF to your Bravo app project.

1. In **Airtable**: you can either 1) input the .gif URL **OR** 2) add the GIF file as an attachment ​

![](/files/-MhyIjbjWLn01jL8JGgm)

2\. In the **design tool**: add the GIF Bravo Tag [`[component:gif:https://google.com/test.gif]`](https://google.com/test.gif) to a rectangle shape layer. (The URL can be any URL because it's only a placeholder)

![](/files/-MhyIpxUlwUzH4K0twui)

3\. In **Bravo**: using the Data Library & Data Binding, bind the shape layer with the GIF data record from Airtable and it will display the GIFs in your app.<br>

### **If I'm connecting a text box to a long content, can it push down the content below it?**

To make a text box expand to fit the content, add the [Bravo Tag \[flexo\]](/bravo-tags/components/component-flexible-text.md) to the layer name of the text box. The text box must also be the **bottom-most** element of a [container](https://www.notion.so/The-container-1af6df44b75f489ab47c0486e9984d91). To push content down, place any content that is below the "flexo" text box in another container.

In the screenshot below, the `Description [flexo]` text box in the **Section 1** container will push down the content in the **Section 2** container. You can add as many `[flexo]` text boxes as you want as long as they are in separate containers.

![](/files/-MhyJ-FH8qarhJm8jgwP)

### **How can I determine how the side menu will be shown? In the example apps, the menu icon is at the top left, where can I place my menu icon?**

You can design the menu icon and position it wherever you want in the design. If you use the [Bravo Tag](https://www.notion.so/Bravo-Tags-Master-List-145bec845f0b4afaa9e3bb8321b218a8) to animate the menu, currently we have the menu open from the left side. It’s on our roadmap to add more options for the menu opening direction.

To allow an icon to open the menu, simply [link](https://www.youtube.com/watch?v=-sAAa-CCOcg\&feature=youtu.be) the icon to the menu page in your design file.

![](/files/-MhyJ6aWtBkGcZSvVNnv)

**Didn't answer your question? 🧐**

Let us know in the [Bravo Community](https://community.bravostudio.app/) so we can further help you!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bravostudio.app/good-to-know/faq/bravo-tags.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
