---
title: "Rendering | Grafana Plugins documentation"
description: "Learn about the render template options and rendering order for applying templates to data frames in the Business Text panel."
---
# Rendering
Two main concepts are essential for successful use of the Business Text plugin:
- **Render Template**
- Rendering order
## Render Template
> Note
>
> The Business Text panel supports the **All data** template starting from version 4.3.0.
[](/media/docs/grafana/panels-visualizations/business-text/alldata.png)
The **Render Template** option instructs the Business Text plugin how to apply your template to the fetched data frame.
- **Every row**: The template applies to each row returned by your query. Your template renders as many times as there are fetched rows.
- **All rows**: The query results from the selected data frame are passed as a `data` field to the **Content** template. Your template renders once. To work with query results as a whole, use the [#each built-in helper](/docs/plugins/marcusolsson-dynamictext-panel/latest/rendering/recipes/#iterate-through-all-fields-in-each-record) to iterate through records.
- **All data**: The query results from all data frames are passed as a `data` field to the **Content** template. Your template renders once.
Expand table
| Render Template | Description |
|-----------------|--------------------------------------|
| Every row | Every row of the selected data frame |
| All rows | All rows of the selected data frame |
| All data | All rows of all data frames |
Below you can find some examples to illustrate further.
### Every row
For example, your data source returns a four-column table as follows. To mimic this in the following example, the [Business Input data source](https://volkovlabs.io/plugins/business-input/) is used.
md  Copy
```md
| app | description | cluster | tier |
| ---- | ---------------------------- | ------- | -------- |
| auth | Handles user authentication. | prod | frontend |
```
You can apply the following template for each row to display data.
md  Copy
```md
# {{app}}
> {{description}}
{{#if (eq tier "frontend")}}
Link: https://{{cluster}}.example.com/{{app}}
{{/if}}
```
[](/media/docs/grafana/panels-visualizations/business-text/every.png)
### All rows
For example, your data source returns a table with multiple rows as follows. To mimic this in the following example, the [Business Input data source](https://volkovlabs.io/plugins/business-input/) is used.
md  Copy
```md
| title | author | year |
| ----- | ------------- | ---- |
| Dune | Frank Herbert | 1965 |
| 1984 | George Orwell | 1949 |
```
With the **All rows** option selected, your template might look like this:
 Copy
```none
| Title | Author | Year |
| ----- | ------ | ---- |
{{#each data}}
| {{title}} | {{author}} | {{year}} |
{{/each}}
```
[](/media/docs/grafana/panels-visualizations/business-text/all.png)
### All data and other render templates
The following images illustrate all three **Render templates** created using data generated by the Business Input data source. Follow the order numbers in the comments, starting from 1.
[](/media/docs/grafana/panels-visualizations/business-text/render-modes.png)
#### Reference data in the All data template
The following example illustrates how to reference data in the **All data** template.
If your data looks like this:
JSON  Copy
```json
{
"data": [
[
{
"Metric": "Pace",
"Values": 234
},
{
"Metric": "Pace",
"Values": 111
}
],
[
{
"Attitude": 45
}
]
]
}
```
You can reference it using the following code:
handlebars  Copy
```handlebars
{{#each data.[0]}}
{{Metric}} - {{#with (lookup ../data.[1] @index)}}{{Attitude}}{{/with}}
{{/each}}
```
## Rendering order
Below are two schemas of the rendering order in the Business text plugin. They represent the same thing.
The first is oriented toward the general public and the second is targeted to answer developers’ questions.
### For users
[](/media/docs/grafana/panels-visualizations/business-text/order-all.png)
### For developers
[](/media/docs/grafana/panels-visualizations/business-text/order-dev.png)
## Rendering details
### Reference a specific data element
To reference a specific data element in your templates, use double or triple curly braces. For instance, for the extracted `app` data field, use the following syntax:
handlebars  Copy
```handlebars
{{app}}
```
### Reference field names with spaces
Field names with spaces should be declared using one of the following formats:
- `{{[Field Name]}}`: The field name is surrounded by brackets.
- `{{'Field Name'}}`: The field name is surrounded by quotes.
[](/media/docs/grafana/panels-visualizations/business-text/space.png)
### Render HTML from data
To render HTML markup returned by the data source, use triple curly braces with the element reference, such as `{{{htmlValue}}}`. Otherwise, Handlebars escapes your HTML content.
handlebars  Copy
```handlebars
{{{htmlValue}}}
```
where `htmlValue` is
HTML  Copy
```html
foo
bar
```
### Default content
The default content displays when the connected data source returns no data. Use it to provide users with instructions on what to do or who to contact when the query returns an empty result.
Even when your data source returns no data, you can still use the available [helpers](/docs/plugins/marcusolsson-dynamictext-panel/latest/features/helpers/).
### HTML sanitization
HTML sanitization is enabled by default, which makes some elements like `