# View additional fields in the interface.

**URL:** https://support.prodi.gy/t/view-additional-fields-in-the-interface/3772
**Category:** Uncategorized
**Tags:** front-end, usage, custom
**Created:** [December 30, 2020, 3:47pm UTC](https://support.prodi.gy/t/view-additional-fields-in-the-interface/3772 "2020-12-30T15:47:48Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![mgiardinelli](https://avatars.discourse-cdn.com/v4/letter/m/919ad9/32.png) [@mgiardinelli](https://support.prodi.gy/u/mgiardinelli)
#### Post date: [December 30, 2020, 3:47pm UTC](https://support.prodi.gy/t/view-additional-fields-in-the-interface/3772/1 "2020-12-30T15:47:48Z")

</div>

Hi all, how can I add additional fields to the annotation interface for reference (help lookup the raw text from the source files)? I think adding those fields would help with the "machine teaching" process.

So if I add an additional field to the jsonl rows (add "id":"2233aab" ) for example with the label and text fields how can I render that in the UI? I have been looking at the customization sections, but it still isn't clear. I believe by adding a few more fields to the display it would really add some additional value to the process.

---

<div class="post-metadata">

### Author: ![ines](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/ines/32/3_2.png) [@ines](https://support.prodi.gy/u/ines)
#### Post date: [January 3, 2021, 10:41pm UTC](https://support.prodi.gy/t/view-additional-fields-in-the-interface/3772/2 "2021-01-03T22:41:29Z")

</div>

Hi! That's definitely possible 🙂 If you just want to display short meta information like an `id` value, the easiest way would be to add it under a key `"meta"` in the JSON. All meta information will be displayed in the bottom right corner of the annotation card automatically.

If you want to display more custom content, you can also use `blocks` to combine different interfaces – for example, you could have a text block that shows the raw `"text"`, followed by a HTML block that shows a link, the ID, or any other information you have.

> **[Custom Interfaces · Prodigy · An annotation tool for AI, Machine Learning...](https://prodi.gy/docs/custom-interfaces/)**
>
> A downloadable annotation tool for NLP and computer vision tasks such as named entity recognition, text classification, object detection, image segmentation, A/B evaluation and more.

For example, if your content looks like this:

```json
{"text": "This is a text", "id": 1234}

```

... your blocks coud look like this:

```python
html_template = """<a href="https://example.com/{id}">ID: {id}</a>"""
blocks = [{"view_id": "text"}, {"view_id": "html", "html_template": html_template}]

```

You can also edit an existing recipe like [`ner.manual`](https://github.com/explosion/prodigy-recipes/blob/master/ner/ner_manual.py) and make it use blocks instead of just a single UI – e.g. an `ner_manual` block, followed by a `html` block. Also see this example of a fully custom recipe with blocks: [https://prodi.gy/docs/custom-recipes#example-blocks](https://prodi.gy/docs/custom-recipes#example-blocks)