Hello everyone,
I’m trying to create a server browser UI for my game, and wanted it to be similar to the one in Source Engine games, which looks like this:
The UI is like a spreadsheet with columns and rows, to neatly display each bit of information. Each field starts (and ends, not flowing into the next field) where it should.
For my game, I already have a basic UI for the browser.
I originally thought of maybe using vertical rows, with the first being the field name, and then below placing a generic “text box” for each information type, then covering the entire row with an invisible set of boxes to make it seem like a single element. Unfortunately, this overengineered approach did not work, as the field names and box are on separate layers, and trying to move it around would only lead to disaster.
Instead, right now, what I have is this:
It’s a copy-paste of the header of the server browser, with each field having the exact separation it should. Sadly, this does not work either, even though it is one element, which does simplify things, everything shows out of alignment.
To be perfectly frank, I’m out of good ideas, all that I have left are hacky implementations. Of course, an engine as old and polished as Unreal should have a simple way to solve this, after all, surely this has been an issue that someone has had to deal before at some point, so before I go ahead and start making the worst UI setup anyone has ever seen, I thought of reaching out to this forum for a sanity check. Maybe there’s a really simple approach that I’ve just failed to find.
I greatly appreciate each reply. Thank you.
