Paper Nuavo.png This Page Documents an Official Wiki Policy 
This Page is generally accepted by the community as a guideline for the wiki. Changes should reflect consensus or be approved by a Administrator.
If you Disagree with this Policy, Please Discuss it with an Administrator or on its talk page.
< Wiki Policies | < Style Manual

UIs Are custom interactable user interfaces that emulate the real thing in-game. All UI's use custom fonts. They may range from Hypixel SkyBlock UI's to vanilla UIs.

Templates Used[edit source]

Since UI's are a huge topic, many different templates are used to help reduce the strain on editors and the source code size on pages. The templates used are as follows:

Unused Vanilla UIs[edit source]

  • {{Grindstone}} - A template that creates Vanilla Minecraft Grindstone UI. Not currently used due to Skyblock not implementing this item.
  • {{Loom}} - A template that creates Vanilla Minecraft Loom UI. Not currently used due to Skyblock not implementing this item.
  • {{Anvil}} - A template that creates Vanilla Minecraft Anvil UI. Not currently used due to Skyblock not implementing this item.
  • {{Smithing}} - A template that creates Vanilla Minecraft Smithing Table UI. Not currently used due to Skyblock not implementing this item.

Hypixel Skyblock UI layout[edit source]

Hypixel Skyblock UIs comprise of the following layout:

  • The main table, which is a class called mcui.
  • The main title, which is made out of a custom minecraft font.
  • The UI slots, which are individual table cells with HTML.

Tooltips[edit source]

Since SkyBlock makes extensive use of custom tooltips, the wiki also uses them. These tooltips are generated with MediaWiki:Common.js/minetip.js. These can be added to inventory slots with {{Slot}}.

When {{Slot}} is called, it first draws from an aliases module (Module:Inventory slot/Aliases and Module:Inventory slot/Tooltips) to see if there are any preloaded tooltips. If not manual tooltips may be added.

Fonts[edit source]

In tooltips, custom colors may be used. The syntax for tooltips is quite simple:

  • For custom colors, Formatting Codes such as &a or &l may be used.
  • For newlines, the character / is used. This may be prevented by escaping it as follows: \/

Tabbers[edit source]

In SkyBlock, UI's may link/open other UI's. The Hypixel SkyBlock Wiki replicates this with UI Tabbers. These may be activated by adding an element with a class called sbw-ui-tabber and placing UI's inside.

When a UI is placed inside, a slot with a class with the prefix goto- (this may be generated using {{Slot}} and the <class> paramater) will attempt to find a UI with the matching ID with the ui- prefix.

When it succeeds, it will open the other UI. The JS that works this may be found in MediaWiki:Common.js.

A Child UI is hidden at first, so it is only shown when a UI tabber is activated.

Community content is available under CC-BY-SA unless otherwise noted.