Page MenuHomeWildfire Games

Change option button positions
Needs ReviewPublic

Authored by vladislavbelov on Nov 7 2017, 8:49 PM.

Details

Reviewers
elexis
Group Reviewers
Restricted Owners Package(Owns No Changed Paths)
Restricted Owners Package(Owns No Changed Paths)
Summary

Currently we have strange positions and widths for options buttons.

I already suggested changes to the options page. We've discussed with @elexis in D805 and he said that equal buttons would be better.

Another try to improve the options view:

BeforeAfter
Test Plan
  1. Run the game
  2. Open options and check buttons

Diff Detail

Event Timeline

vladislavbelov created this revision.Nov 7 2017, 8:49 PM
vladislavbelov added a reviewer: Restricted Owners Package.Nov 7 2017, 8:59 PM
Vulcan added a subscriber: Vulcan.Nov 7 2017, 9:51 PM

Successful build - Chance fights ever on the side of the prudent.

Updating workspaces...
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDAnimation]’:
FCollada/FCDocument/FCDLibrary.cpp:149:30:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
  const T* cptr = ((const FCDLibrary<T>*)l1)->GetEntity(0);
           ^
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDAnimationClip]’:
FCollada/FCDocument/FCDLibrary.cpp:150:34:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDCamera]’:
FCollada/FCDocument/FCDLibrary.cpp:151:27:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDController]’:
FCollada/FCDocument/FCDLibrary.cpp:152:31:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDEffect]’:
FCollada/FCDocument/FCDLibrary.cpp:153:27:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDEmitter]’:
FCollada/FCDocument/FCDLibrary.cpp:154:28:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDForceField]’:
FCollada/FCDocument/FCDLibrary.cpp:155:31:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDGeometry]’:
FCollada/FCDocument/FCDLibrary.cpp:156:29:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDImage]’:
FCollada/FCDocument/FCDLibrary.cpp:157:26:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDLight]’:
FCollada/FCDocument/FCDLibrary.cpp:158:26:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDMaterial]’:
FCollada/FCDocument/FCDLibrary.cpp:159:29:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDSceneNode]’:
FCollada/FCDocument/FCDLibrary.cpp:160:30:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDPhysicsModel]’:
FCollada/FCDocument/FCDLibrary.cpp:161:33:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ set but not used [-Wunused-but-set-variable]
FCollada/FCDocument/FCDLibrary.cpp: In instantiation of ‘void LibraryExport() [with T = FCDPhysicsMaterial]’:
FCollada/FCDocument/FCDLibrary.cpp:162:36:   required from here
FCollada/FCDocument/FCDLibrary.cpp:141:11: warning: variable ‘cptr’ s
Vulcan added a comment.Nov 7 2017, 9:52 PM
Executing section Default...
Executing section Source...
Executing section JS...

Someone has a hypothetical issue related to this one. A hypothetical new tab in the options page could, hypothetically, have these new buttons. Should those be grouped equally?

Imarok added a subscriber: Imarok.EditedNov 7 2017, 10:10 PM
In D1017#39989, @elexis wrote:

Someone has a hypothetical issue related to this one. A hypothetical new tab in the options page could, hypothetically, have these new buttons. Should those be grouped equally?

Totally forgot about that :D
Edit: My answer would be No, as grouping makes it easier to differentiate the different button types.

In D1017#39989, @elexis wrote:

Someone has a hypothetical issue related to this one. A hypothetical new tab in the options page could, hypothetically, have these new buttons. Should those be grouped equally?

Could, but shouldn't, many buttons look weird, but small number of buttons or buttons which couldn't be split on different types could be grouped. Also buttons should be aligned alone a grid of other elements, but not randomly.

The crux being that the close, save, reset (possibly revert) buttons are shared for all option page tabs (including the hypothetical new tab).
So it would look weird if they have different locations depending on the selected tab.

In D1017#40030, @elexis wrote:

The crux being that the close, save, reset (possibly revert) buttons are shared for all option page tabs (including the hypothetical new tab).
So it would look weird if they have different locations depending on the selected tab.

Do you suggest to use full width of the option page?

In common case I want to prevent empty spaces between buttons, which not aligned to any element grid.

Try @elexis 's suggestion:

Vulcan added a comment.Nov 8 2017, 9:10 PM

Successful build - Chance fights ever on the side of the prudent.

Updating workspaces...
Build (release)...
Build (debug)...
Running release tests...
Running cxxtest tests (307 tests)...................................................................................................................................................................................................................................................................................................................OK!
Running debug tests...
Running cxxtest tests (307 tests)...................................................................................................................................................................................................................................................................................................................OK!
Checking XML files...
Vulcan added a comment.Nov 8 2017, 9:11 PM
Executing section Default...
Executing section Source...
Executing section JS...

How would using full width prevent different positions for the buttons depending on the selected tab in case of adding the new tab with more buttons?
(It can be considered irrelevant for now as there is no such tab, but then I might have to revert this addition.)

In D1017#40190, @elexis wrote:

How would using full width prevent different positions for the buttons depending on the selected tab in case of adding the new tab with more buttons?
(It can be considered irrelevant for now as there is no such tab, but then I might have to revert this addition.)

I think, tab specific buttons should be inside the tab, but not under it. Common buttons should be under the tab.

Is this still accurate ? Maybe @Langbart could take it on?

In D1017#174771, @Stan wrote:

Is this still accurate ? Maybe @Langbart could take it on?

This is the current situation, compared to the applied D1017 and a version with a height increased by 2 pixels.

Should I update this diff, it is currently not working because of some changes in that file over the years.

Stan added subscribers: marder, nani.Dec 15 2021, 7:10 PM

@marder @nani @Langbart any interest in this?

In D1017#186710, @Stan wrote:

@marder ... any interest in this?

I mean I'm not uninterested. Generally equally spaced looks better and @Langbart 's suggestion with D1017 + 2 Pixel height looks also better/ a bit less cramped.

The bigger problem, now that I think about it, is the inconsistency between the button positioning in all the different gui pages.
Mod Selection has the buttons snapped to the right and cancel is on the left side
Hotkeys uses the full width but has a hole in the middle and close on the right side.
Language -> full width and cancel on the left
Options -> subject to this patch but close on the right side

Imo:
The button to close a GUI page (cancel/close) should always be on the same position, either far left or far right (I think I like far right more)
Accordingly, Reset should be on the same position on the other end