# Potential change to inventory UI

**URL:** <https://narrat.discourse.group/t/potential-change-to-inventory-ui/69>\
**Category:** Engine Development\
**Created:** [9 July 2023 13:50 UTC](https://narrat.discourse.group/t/potential-change-to-inventory-ui/69 "2023-07-09T13:50:58Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Narrat-Admin](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/narrat-admin/32/429_2.png) [@Narrat-Admin](https://narrat.discourse.group/u/Narrat-Admin)\
**Post date:** [9 July 2023 13:50 UTC](https://narrat.discourse.group/t/potential-change-to-inventory-ui/69/1 "2023-07-09T13:50:58Z")

</div>

# Inventory sub-tabs

Right now, the inventory has a list of items, separated by categories. For example:

 ![image](https://global.discourse-cdn.com/free1/uploads/narrat/original/1X/ee260a333e3f9a8d25530f73984a437fa1fd9850.jpeg)

I’m thinking of changing this UI to have tabs, so there would be a second list of tabs below the main ones for the overall menu. Each category has its own tab, and one of the tab could be “all” and display every item.

This is for technical reasons to make gamepad support easier, but I think it would also just be better anyway.

Just a warning in case anyone would have issues with it

---

<div class="post-metadata">

**Author:** ![Binary](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/binary/32/39_2.png) [@Binary](https://narrat.discourse.group/u/Binary)\
**Post date:** [9 July 2023 14:29 UTC](https://narrat.discourse.group/t/potential-change-to-inventory-ui/69/2 "2023-07-09T14:29:29Z")

</div>

Would LOVE that change.

---

<div class="post-metadata">

**Author:** ![Narrat-Admin](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/narrat-admin/32/429_2.png) [@Narrat-Admin](https://narrat.discourse.group/u/Narrat-Admin)\
**Post date:** [16 July 2023 12:11 UTC](https://narrat.discourse.group/t/potential-change-to-inventory-ui/69/3 "2023-07-16T12:11:07Z")

</div>

Forgot to mention this has been released now in 3.2.12 as I did another gamepad support update.

 ![image](https://global.discourse-cdn.com/free1/uploads/narrat/original/1X/5c6e1932e61d540ccc418ccd828815d05f99da4f.jpeg)  
 ![image](https://global.discourse-cdn.com/free1/uploads/narrat/original/1X/ccd0c428fbf8414c1892a76e8cd4b3ac4ebcf046.jpeg)

---

<div class="post-metadata">

**Author:** ![Binary](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/binary/32/39_2.png) [@Binary](https://narrat.discourse.group/u/Binary)\
**Post date:** [16 July 2023 14:00 UTC](https://narrat.discourse.group/t/potential-change-to-inventory-ui/69/4 "2023-07-16T14:00:30Z")

</div>

Oh cool!

Is there a guide as to what controls the sub-category?

---

<div class="post-metadata">

**Author:** ![Narrat-Admin](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/narrat-admin/32/429_2.png) [@Narrat-Admin](https://narrat.discourse.group/u/Narrat-Admin)\
**Post date:** [16 July 2023 14:26 UTC](https://narrat.discourse.group/t/potential-change-to-inventory-ui/69/5 "2023-07-16T14:26:08Z")

</div>

> [@Binary](#):
>
> Is there a guide as to what controls the sub-category?

Items have an optional category, if not provided they go in the default one. I don’t remember if it’s explained specifically in the docs, but the example yaml should be self-explanatory:

```yaml
---
categories:
  - id: food
    title: Food
  - id: books
    title: Books

items:
  bread:
    name: Bread
    category: food
    description: A bread in the game.
    icon: img/items/bread.webp
    onUse:
      action: jump
      label: eat_bread
  book:
    name: Ominous Book
    description: 'An ominous book'
    icon: img/items/book.webp
    onUse:
      action: run
      label: read_book
    tag: always_interactable
    category: books

```

It adds a tab for each category, and if there’s 2 or more it also adds an “all” tab which combines all categories

---

<div class="post-metadata">

**Author:** ![Binary](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/binary/32/39_2.png) [@Binary](https://narrat.discourse.group/u/Binary)\
**Post date:** [16 July 2023 14:33 UTC](https://narrat.discourse.group/t/potential-change-to-inventory-ui/69/6 "2023-07-16T14:33:13Z")

</div>

That’s very clear, thanks!

---

<div class="post-metadata">

**Author:** ![Binary](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/binary/32/39_2.png) [@Binary](https://narrat.discourse.group/u/Binary)\
**Post date:** [16 July 2023 16:39 UTC](https://narrat.discourse.group/t/potential-change-to-inventory-ui/69/7 "2023-07-16T16:39:12Z")

</div>

So it seems to add headers, which are nice, but not those tabs. Is there some configuration that needs to be enabled for the tabs to exist?

 ![Screenshot 2023-07-16 at 12.37.26 PM](https://global.discourse-cdn.com/free1/uploads/narrat/original/1X/63c7e7ca09fdf9197aaf011855b4ce89c3434e83.jpeg)

In this screenshot, “Titles” and “Frame and Integrated Moves” are the categories that have been set up as above:

```auto
categories:
  - id: title
    title: Titles
  - id: frame
    title: Frame and Integrated Moves
  - id: maneuver
    title: Learned Maneuvers

items:
  captain:
    name: "Captain"
    category: title
    description: A recruited soldier of House Alzur, employed as a commander.
    icon: img/logos/logo_binary-star-games-2.png

```

e: never mind, the correct version is 3.2.15, not 3.2.12, it works now