✅ | how to create hotbar selection for custom Hotbar

[viral ivy]

how do I replicate the vanilla hotbar item highlight that appears when you are holding a specific item but in a custom Hotbar?

[waxen vector]

Checking the SpiffyHUD docs first to see how custom hotbar selection/highlight works 🙂

Got a docs hit for the vanilla-like hotbar; I’m just checking whether it also covers item-specific highlighting or only the selected slot 🙂

[waxen vector]

Yep , for the vanilla-style selected slot highlight, the supported way is to use SpiffyHUD’s Vanilla-Like Hotbar element 🙂
That element already includes the hotbar selection highlight, so you don’t need to build that part manually.

If you mean a highlight that appears for a specific item regardless of slot, that’s a different thing , the vanilla hotbar highlight is normally tied to the currently selected slot, not the item itself.

So the short version is:

• Want vanilla selected-slot glow? Use Vanilla-Like Hotbar
• Want item-based highlight? That’s not the same feature, and may need a different setup

If you want, I can help you set up the vanilla-like hotbar step by step for your custom layout 👌

[viral ivy]

is there any way to make the vanilla-like hotbar vertically oriented without rotating the items as well?

[waxen vector]

Checking whether the vanilla-like hotbar can be made vertical without rotating the items too 🙂

Looks like there isn’t a built-in vertical mode for the vanilla-like hotbar, so I’m putting together the cleanest workaround for you now 🙂

[waxen vector]

Short answer: not with the built-in Vanilla-Like Hotbar, no 😕
It can be moved, scaled, and anchored, but there’s no vertical mode that keeps the item icons upright.

If you rotate the Vanilla-Like Hotbar element, it’ll rotate everything with it:

• background
• selected-slot highlight
• item icons

So if you want a vertical hotbar with normal-looking items, the usual workaround is:

1. Make a custom vertical row/column using individual Inventory Slot elements
2. Put a small Image or rectangle behind each slot
3. Show that highlight only for the currently selected hotbar slot using a condition like Is Hotbar Slot Selected

That way the items stay unrotated, and you can still fake the vanilla selection highlight 👍

If you want, I can help you set up a vertical hotbar layout step by step 👀

[viral ivy]

how would I set the item highlight only to appear when a certain l hotbar slot is selected?

[waxen vector]

Figuring out the cleanest way to show a highlight only for one specific hotbar slot right now 🙂

I’ve got the exact setup now , it’s done with a loading requirement on the highlight element, tied to the hotbar slot number 🙂

[waxen vector]

Yep , you do that with a Loading Requirement on the highlight element 👍

For each slot highlight:

1. Add the highlight as an Image or Rectangle behind the slot
2. Right-click the highlight element → Loading Requirements
3. Click Add Requirement
4. Choose Is Hotbar Slot Selected
5. Set the slot number:
   • 0 = first hotbar slot
   • 1 = second
   • …
   • 8 = ninth
6. Save it

So if you only want the highlight for, say, slot 3, then that highlight element will only show when hotbar slot 3 is selected.

A couple quick notes:

• This is meant for a custom hotbar made with Inventory Slot elements
• Put the highlight behind the slot item
• If you want the same thing for multiple slots, just make one highlight per slot with its own slot number

If you want, I can also show you how to build a full vertical hotbar with all 9 highlights set up 👌

Thread Marked as Solved

This support thread has been marked as solved by @viral ivy.

The AI helper is now disabled.

Marked by vincearise

✅ | how to create hotbar selection for custom Hotbar

[sly scroll]

Is there a way to customize the inventory that opens in Minecraft? For example, how to make one with slots in different places?

[azure tide]

unfortunately inventory customization is extremely limited in spiffy,currently(as per my knowledge)