# Sidebar Internationalization

**URL:** <https://discourse.nodered.org/t/sidebar-internationalization/51337>\
**Category:** Developing Nodes\
**Created:** [21 September 2021 12:24 UTC](https://discourse.nodered.org/t/sidebar-internationalization/51337 "2021-09-21T12:24:39Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vinzenz](https://avatars.discourse-cdn.com/v4/letter/v/898d66/32.png) [@Vinzenz](https://discourse.nodered.org/u/Vinzenz)\
**Post date:** [21 September 2021 12:24 UTC](https://discourse.nodered.org/t/sidebar-internationalization/51337/1 "2021-09-21T12:24:40Z")

</div>

Hi,

I developed a sidebar in Node-Red which can control a robot. Now I would like to translate this Sidebar. However, this seems not to work the same way as it did in the custom nodes I developed.  
When I try to add a translation to an element like below no text is displayed.

```auto
<script type="text/x-red" data-template-name="robot-sidebar">
    <div style="position: relative; height: 100%;">
        <div style="position: absolute; top: 1px; bottom: 2px; left: 1px; right: 1px; overflow-y: scroll; padding: 10px;">
            <form class="dialog-form">
                <div style="width:100%; background-color: darkred; height: 50px; margin-bottom: 10px">
                    <span data-i18n="robot_node.label.manufacturer"></span>
                </div>
....

```

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [21 September 2021 13:06 UTC](https://discourse.nodered.org/t/sidebar-internationalization/51337/2 "2021-09-21T13:06:06Z")

</div>

Hi @Vinzenz

As the editor doesn't know who has provided the sidebar, it doesn't know which catalog to lookup your messages in.

You need to use the fully qualified name that includes the catalog identifier:

```auto
data-i18n="<npm-module-name>/<node-set-name>:robot_node.label.manufacturer"

```

where:

- `npm-module-name` is the name of your module
- `node-set-name` is the name you used in the `node-red` section of `package.json` to point at the files for this node.

For example, `node-red-node-random` uses `node-red-node-random/random:random.label.generate`

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [20 November 2021 13:06 UTC](https://discourse.nodered.org/t/sidebar-internationalization/51337/3 "2021-11-20T13:06:07Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.
