Upvote Upvoted 9 Downvote Downvoted
Backpack HUD Elements and Editing Questions
posted in Customization
1
#1
0 Frags +

So I have a bunch of questions on how to edit the backpack hud, and I believe that the majority of the answers are not simple, so in the interest of documenting how the hell the backpack hud works, here we go.

First pictures of the backpack for easy reference.

http://i.imgur.com/c8UZV9I.jpg

http://i.imgur.com/PElvIIg.jpg

Things I know:

  • The footer/header (the stars) and the lines separating them from the middle are controlled by charinfopanel.res. The tabs (backpack and stats) are also controlled in there as well. This file works like you would expect it to for editing elements (font,color,border are all editable).
  • The middle background is set in backpackpanel.res
  • The text and boxes are all kinda set by backpackpanel.res. For the combo boxes, only the front text/bg is set through backpackpanel.res The rest need to be set in clientscheme.res thorugh ComboBoxButton. (for the arrow) and Menu. for the selectable options in the box as well. The border is set by ComboBoxBorder in clientscheme.res.
  • The checkbox also needs to be modifed using clientscheme.res (CheckButton.) although the font is set in backpackpanel.res
  • The name filter text is hardcoded to HudFontSmallestBold, and the colors are set through TextEnrtry. (all in clientscheme.res). You cannot set a border for the element in backpackpanel.res, so what I did was add a new element just to create a border.

Now for my questions:

Can the page number buttons be editted through a .res file (backpackpanel.res -> pagebuttons_kv?) or must they be set through Button. in clientscheme.res? If the colors are only set through clientscheme, what controls empty and partially filled page text colors?

What controls the colors of the item model panels (black arrow)? Playing with values in itemmodelpanel.res (maincontentscontainer and contained_item_panel) seem to overwrite the outline or appear less than optimal.

What is the border definition in clientscheme.res for the base outline (maroon arrow)?

Can the thickness of the borders for the item panels be changed in the default implementation (using image border backpack_rect_color) or if I want to change the thickness do I need to manually create the border?

Can you set the border for the item panels through the .res files (I assume either backpackpanel.res or itemmodelpanel.res) or must you redefine the stock borders (I imagine the answer here is you need to modify the expected borders)?

What controls the popup when moused over an item (green arrow), and if the colors/text can't be editted there where is that located (in clientscheme)? I know the majority of the text colors are set according to QualityColor* but what about the default color for the item description and level?

When changing to "Show Quality Color Borders" the item model panel background changes (second image), what controls that color?

So I have a bunch of questions on how to edit the backpack hud, and I believe that the majority of the answers are not simple, so in the interest of documenting how the hell the backpack hud works, here we go.

First pictures of the backpack for easy reference.

[img]http://i.imgur.com/c8UZV9I.jpg[/img]

[img]http://i.imgur.com/PElvIIg.jpg[/img]

Things I know:
[list]
[*] The footer/header (the stars) and the lines separating them from the middle are controlled by charinfopanel.res. The tabs (backpack and stats) are also controlled in there as well. This file works like you would expect it to for editing elements (font,color,border are all editable).
[*] The middle background is set in backpackpanel.res
[*] The text and boxes are all kinda set by backpackpanel.res. For the combo boxes, only the front text/bg is set through backpackpanel.res The rest need to be set in clientscheme.res thorugh ComboBoxButton. (for the arrow) and Menu. for the selectable options in the box as well. The border is set by ComboBoxBorder in clientscheme.res.
[*] The checkbox also needs to be modifed using clientscheme.res (CheckButton.) although the font is set in backpackpanel.res
[*] The name filter text is hardcoded to HudFontSmallestBold, and the colors are set through TextEnrtry. (all in clientscheme.res). You cannot set a border for the element in backpackpanel.res, so what I did was add a new element just to create a border.
[/list]

Now for my questions:

Can the page number buttons be editted through a .res file (backpackpanel.res -> pagebuttons_kv?) or must they be set through Button. in clientscheme.res? If the colors are only set through clientscheme, what controls empty and partially filled page text colors?

What controls the colors of the item model panels (black arrow)? Playing with values in itemmodelpanel.res (maincontentscontainer and contained_item_panel) seem to overwrite the outline or appear less than optimal.

What is the border definition in clientscheme.res for the base outline (maroon arrow)?

Can the thickness of the borders for the item panels be changed in the default implementation (using image border backpack_rect_color) or if I want to change the thickness do I need to manually create the border?

Can you set the border for the item panels through the .res files (I assume either backpackpanel.res or itemmodelpanel.res) or must you redefine the stock borders (I imagine the answer here is you need to modify the expected borders)?

What controls the popup when moused over an item (green arrow), and if the colors/text can't be editted there where is that located (in clientscheme)? I know the majority of the text colors are set according to QualityColor* but what about the default color for the item description and level?

When changing to "Show Quality Color Borders" the item model panel background changes (second image), what controls that color?
2
#2
huds.tf
1 Frags +

If I wasn't on mobile I'd go into better detail, but here's the short version.

Almost everything you've asked is controlled through the clientscheme. The pop up box can be edited in files in the econ folder. There's one for standard items and one for gun mettle items. I can't remember the names though, but have a look, you'll find them. Changing the background on the pop ups will have to be done in clientscheme however; they've become quite stubborn since the gun mettle update.

A lot of the backgrounds can be replaced in the clientscheme using a "color" value over an "image" value on the borders. So you can change the background of the itemmodelpanels that way.

The color that controls the mouse over for coloured borders is actually set in the clientscheme as the same colour of the quality text. So, if you make the unique text colour green, the boxes also go green.

If these questions aren't answered in better detail by someone else before I get home from work, I'll go over this better.

If I wasn't on mobile I'd go into better detail, but here's the short version.

Almost everything you've asked is controlled through the clientscheme. The pop up box can be edited in files in the econ folder. There's one for standard items and one for gun mettle items. I can't remember the names though, but have a look, you'll find them. Changing the background on the pop ups will have to be done in clientscheme however; they've become quite stubborn since the gun mettle update.

A lot of the backgrounds can be replaced in the clientscheme using a "color" value over an "image" value on the borders. So you can change the background of the itemmodelpanels that way.

The color that controls the mouse over for coloured borders is actually set in the clientscheme as the same colour of the quality text. So, if you make the unique text colour green, the boxes also go green.

If these questions aren't answered in better detail by someone else before I get home from work, I'll go over this better.
3
#3
0 Frags +

If you could go over in better detail it would be greatly appreciated.

The pop up box can be edited in files in the econ folder.

Vgui_tree claims it is a mouseoveritempanel, but I can't find the relevant .res file(s) that control that particular panel. My best guess was in itemmodelpanel, but editting the things there appeared to do nothing. What I really want to modify in the popup is the font, the font color (for the attribute text and any other non-quality color text, but I'm not sure if there are any), and the background color. Assuming they are all in clientscheme what colors do I need to modify to achieve this (I was able to find the font if that is the only way to change it)?

A lot of the backgrounds can be replaced in the clientscheme using a "color" value over an "image" value on the borders.

I do not understand what you mean here, do you have a code snippet that I can look at?

The color that controls the mouse over for coloured borders is actually set in the clientscheme as the same colour of the quality text.

That I know already, what I was asking was the non-moused over backgrounds (i.e. the backgrounds of the itempanels in the second image).

If you could go over in better detail it would be greatly appreciated.

[quote]The pop up box can be edited in files in the econ folder.[/quote]

Vgui_tree claims it is a mouseoveritempanel, but I can't find the relevant .res file(s) that control that particular panel. My best guess was in itemmodelpanel, but editting the things there appeared to do nothing. What I really want to modify in the popup is the font, the font color (for the attribute text and any other non-quality color text, but I'm not sure if there are any), and the background color. Assuming they are all in clientscheme what colors do I need to modify to achieve this (I was able to find the font if that is the only way to change it)?

[quote]A lot of the backgrounds can be replaced in the clientscheme using a "color" value over an "image" value on the borders.[/quote]

I do not understand what you mean here, do you have a code snippet that I can look at?

[quote]The color that controls the mouse over for coloured borders is actually set in the clientscheme as the same colour of the quality text.[/quote]

That I know already, what I was asking was the non-moused over backgrounds (i.e. the backgrounds of the itempanels in the second image).
4
#4
2 Frags +

here are answers i can give you
1. hardcoded I think
2. BackpackItemBorder
3. same as 2
5. LoadoutItemPopupBorder in clientscheme

the other borders for the items are defined in clientscheme aswell

here are answers i can give you
1. hardcoded I think
2. BackpackItemBorder
3. same as 2
5. LoadoutItemPopupBorder in clientscheme

the other borders for the items are defined in clientscheme aswell
Please sign in through STEAM to post a comment.