List of UI elements and their filename - rgx-org/rgx-ui-skin GitHub Wiki

Notes

  • CAUTION: for items that have hover/click states, if you draw (make non-transparent) in an area on the hover/click state that isn't drawn in the normal (non-hover, non-click) state, then those pixels will remain drawn.

Files

btn_resize.bmp

  • Window resize handle shown in bottom right of resizable windows

btn_(<buttonname>)(_a|_b).bmp

  • Common buttons
  • No suffix is the normal state, _a suffix is the hover state, _b suffix is the click state
  • <buttonname> list of buttons:
    • apply is the apply button in the skill, and some other windows
    • cancel is the button to cancel an action/window
    • close is the close button in the settings window
    • disband is the button for disbanding a guild in the guild window
    • edit is the button to change the guild emblem
    • ok is the general confirmation button
    • reset is the reset button in the skill window
    • send is the button to apply/update the guild announcement
    • use is the button to use a guild skill

colorchip.bmp

  • Basic palette for some UI elements
  • Documented here: colorchip.bmp

checkbox_(0|1).bmp

  • Checkbox sprites. Checkboxes are mainly used in the settings window.
  • 0 is empty, 1 is checked.

esc_XXXx.bmp

  • Buttons in the ESC menu
    • a is standard variant
    • b is hover variant
    • c is pressed down variant
  • 001 Game Settings
  • 01 Character Select
  • 02 Return to game
  • 05 Resurrection
  • 08 Battlemode shortcut settings
  • 09 Exit to Windows
  • 10 Return to last save point

scroll(0|1)bar_(down|up|left|right|mid).bmp

  • These are for the vertical (0) and horizontal (1) scroll bars
  • Non-mid is the 4 edge-most pixels
  • mid is the middle 4 pixels repeating. The bottom-most (for vertical) or right-most (for horizontal) pixels will be truncated if it doesn't align perfectly with scroll size including edge-most sprites.
    • This is not used for the volume sliders in the settings window. Only the _left and _right are used.

scroll(0|1)(down|up|left|right|mid).bmp

  • Vertical (0) and horizontal (1) scroll "anchor" buttons (and scroll background mid). The buttons used to scroll up, down, left, right when not clicking and dragging the bar itself.

shortcut_(1|2)_bts.bmp

  • Hotkey bar variant toggle. Either first (1) or second (2) selected.

sysbox_(bg|ld|lm|lu|md|mu|rd|rm|ru).bmp

  • Collections popup border and background
  • _bg is the background below the item picture and where the "preview" button is.
  • The rest are the various border tiles.
  • CAUTION: By default, the "Collections" main window (collection_bg.bmp) contains the border for this image, however this is actually drawn on top of the sysbox_ edges. So if you have sysbox_ edges that extend beyond the collection_bg border, they will be visible in addition to the border of the collection_bg (that is, if you choose to have a border on the collections_bg)

basic_interface/arw_right.bmp

  • Status window button to raise stats
  • ??may be used for other items??

basic_interface/basewin_bg2.bmp

  • Basic Information window
  • Titlebar in the image has no effect (titlebar_*.bmp)
  • Empty HP/SP bar area has no effect (gze_bg1.bmp)

basic_interface/battle_option(2)_(a|b).bmp

  • _a suffix is used for new chat tab
  • _b suffix is used for what is displayed in that chat tab
  • 2 is used for hover, while no digit is used for base/non-hover state

basic_interface/btn_(out|over|press)_(left|mid|right).bmp

  • Dynamic text generated button sprites
  • out is normal state, over is hover over state, and press is clicked state
  • left, mid and right are the 6 pixels for each accordingly.

basic_interface/btnbar_(left|mid|right)X.bmp

  • Bottom border of the Inventory and Game Settings windows
    • No trailing number is for:
      • Inventory window
      • Party window
      • Chat window (although it's covered up by the input/text bar)
    • Trailing 2 is for
      • Game Settings window
      • Join/Create guild dialog and the guild recruitment list, as well as the guild information window
  • left is for the bottom left
  • mid is the middle spread, it repeats for the width of the window
  • right is for the bottom right hand corner
    • This is mostly obscured by the resize window handle
    • CAUTION: this is often clipped by the previous mid-tile. ©
    • This is not displayed on the Game Settings window or rather the first column of pixels is displayed only.

basic_interface/chatmode_(off|on).bmp

  • Button used in the chat window to turn off/on the input box.

basic_interface/chatwin.bmp

  • Background used for the create chatroom window, along with the text descriptions.
  • This is an indexed color bitmap originally in game, however the game will load an 24bit RGB bitmap just fine instead.

basic_interface/dialog_gb.bmp

  • Background for the chat input bar

basic_interface/dialog_btn(0|1|2).bmp

  • Button used for bringing up the recent private message list in the chat bar.
  • 0 for base state, 1 for hover, and 2 for pressed.

basic_interface/dialog_mid.bmp

  • unsure.

basic_interface/equipwin_bg2.bmp

  • Equip window

basic_interface/gze_bg1.bmp

  • Background for HP/SP bars in the Basic Information window

basic_interface/gzeblue_(left|mid|right).bmp

  • HP/SP progress bar for actual value in the Basic Information window
  • Edge-most 4 pixels. mid is the middle single column of pixels which is stretched to fill.

basic_interface/item_invert.bmp

  • This is the background for the sprite that is shown to "highlight" the available equipment slot when dragging and piece of gear.

basic_interface/itemwin_(left|right).bmp

  • Background for the inventory window and shop windows: left-side and right-side
  • Pattern repeats, however caution on the bottom right hand corner. Weird stuff happens there.

basic_interface/itemwin_mid.bmp

  • Background for the actual item in the inventory window
  • Item tiles for each item slot in the inventory window.

basic_interface/new_item.bmp

  • Background for the "new" items in the inventory window
  • Item tiles for each "new" item slot in the inventory window

basic_interface/quickslot

  • Background for the small hotkey window (quickslot)

basic_interface/skill_(botbar|upbar)_(left|mid|right).bmp

  • Top (upbar) and bottom (botbar) borders for the skill window.
  • CAUTION: It appears you cannot skin the side borders of the skill window.

basic_interface/skill_up_(a|b|c).bmp

  • The level up button in the skill window.
  • a is normal state, b is hover state and c is click state.

basic_interface/statwin_bg.bmp

  • Status window body

basic_interface/sys_(base|close|mini)_(off|on).bmp

  • Buttons in the title bar for most windows (top left and the two top right buttons)
  • off is the base state, when not clicked or hovered.
  • on is the hover over and pressed state.
  • base the top left, doesn't appear to do anything
    • CAUTION: is actually the 2 buttons in the chat box
  • close the top right-most, this will close the window when clicked
  • mini the top second-right-most, this will minimize the window when clicked
  • CAUTION: if there are pixels that are drawn in the on variant that are not drawn (transparent magenta) in this variant, they will stay drawn when not hovered over anymore

basic_interface/sysbox_comparison_(bg|ld|lm|lu|md|mu|rd|rm|ru).bmp

  • Border and background for the "equipped" comparison popup.
  • bg is the background sprite used below the item picture, where the preview button is
  • The rest are used for the border sprites
  • CAUTION: Same caution as the sysbox_ warning regarding borders.

basic_interface/sysboxs_(ld|lu|rd|ru).bmp

  • Border for pull down menus

basic_interface/titlebar_(fix|left|mid|right).bmp

  • Titlebar background
  • fix is used for Status and Equip window only
  • left and right are for the edge-most 12 pixels, where mid is for the middle portion, repeating.

basic_interface/txtbox_btn_(a|b|c).bmp

  • Pull down button sprites
  • a is normal state, b is hover and c is click.

guild_helper/(btn_|create_guild)(help|ok)(_a|_b).bmp

  • Buttons in the guild window when you are not in any guild. Little window that has 3 buttons: help, create, cancel (called ok).
  • btn_ prefix is for the help and ok button
  • Non-suffix is the normal state, _a suffix is for the hover, and _b is for the click state.

inventory/itemwin_(mid|new)_lock

  • Background for items in the "fav" tab. mid is the default background, while new is used for new items.

inventory/bt_itemdeal_lock_(on|off)(_over|_press)

  • Button used for locking/unlocking item trading. Has hover and pressed variants for both on and off states.

inventory/bt_sort(_over|_press)

  • Button used for sorting inventory. Has hover (_over) and pressed (_press) states.

menu_icon/bt_menu_(new|close)_(normal|over|press).bmp

  • Long button below the Basic Information window that shows/hides the button menu that show/hide the other windows (like skills, inventory, etc.)
  • This button has three main states (in addition to the usual hover/click states): new for when the button menu is collapsed and there is a new action to be had in one of the other windows (e.g. new stat points available, or new job points available, or new item) where upon clicking will show the button menu, close for when the button menu is open and clicking will collapse the button menu, and finally the normal state for when the button menu is collapsed and there is no new action where upon clicking will show the menu.
  • normal is the default state, over is the state for when you hover, and press is the clicked state.

menu_icon/bg_menu.tga

  • This is the background sprite/texture uses behind the button menu that shows below the Basic Information window
  • This image supports partial transparency
  • CAUTION: This file is only read in the GRF (or the data folder override), not in the skin folder

minimap/i_(mini|minus|object|plus|viewon)_(1|2|3).bmp

  • Buttons in the minimap window
  • 1 is normal state, 2 is hover, 3 is click
  • mini is the button that shows the map window
  • minus is zoom out
  • object is the "Show information" magnifier button.
  • plus is zoom in
  • viewon is the "world map" button.

shortcut/btn_(minus|plus)_(norm|over|press|disable).bmp

  • Buttons to show/hide the extra hotkey/shortcut rows
  • minus is to remove a row (normally up arrow), plus is to add a row (normally down arrow)
  • norm is the normal state, over is the hover over state, press is the clicked state, and disable is the one few occasion where the button can be in a disabled state.

shortcut/shortcut_frame.bmp

  • This is the background for the hotkey/shortcut bar/window.

renewalparty/img_friend(1|2).bmp

  • Background overlay pictures used in the friend window.
  • 1 is the image in the top right, and 2 is the image used in the bottom right.
⚠️ **GitHub.com Fallback** ⚠️