(Can I talk about UI?) Column headers vs content alignment
-
I don't think there is a UI specific forum and the question is language agnostic... I have a UI with headers (days of the week) and checkbox/radiobox under each day of the week. Should I left align the checkbox/radio box with the header ? or center-align ? and columns will all be same width in the real thing. (x for check box, o and O for radio box )
Monday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o OMonday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o ODiscuss/fight/troll me... Thanks.
CI/CD = Continuous Impediment/Continuous Despair
I the entries have more or less the same length, I would go for centering. If one cell can have one letter and the other a long word... I would go for left
M.D.V. ;) If something has a solution... Why do we have to worry about?. If it has no solution... For what reason do we have to worry about? Help me to understand what I'm saying, and I'll explain it better to you Rating helpful answers is nice, but saying thanks can be even nicer.
-
I don't think there is a UI specific forum and the question is language agnostic... I have a UI with headers (days of the week) and checkbox/radiobox under each day of the week. Should I left align the checkbox/radio box with the header ? or center-align ? and columns will all be same width in the real thing. (x for check box, o and O for radio box )
Monday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o OMonday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o ODiscuss/fight/troll me... Thanks.
CI/CD = Continuous Impediment/Continuous Despair
My vote is for centering. I'd also abbreviate the day names. The problem I've seen with left align is mostly when the column to the left is numeric (right-aligned) and there's not enough visual separation. I also prefer centered with very short (yes/no, on/off) text values.
"Go forth into the source" - Neal Morse "Hope is contagious"
-
My vote is for centering. I'd also abbreviate the day names. The problem I've seen with left align is mostly when the column to the left is numeric (right-aligned) and there's not enough visual separation. I also prefer centered with very short (yes/no, on/off) text values.
"Go forth into the source" - Neal Morse "Hope is contagious"
kmoorevs wrote:
The problem I've seen with left align is mostly when the column to the left is numeric (right-aligned) and there's not enough visual separation.
That's what padding is for. If left aligned text fills up the entire cell, it'll do the same when centered. Promise.
Jeremy Falcon
-
I actually think left aligned is way to go. I was just on a thumbs up rampage and you got caught in the crossfires. :laugh: :laugh: :laugh:
Jeremy Falcon
-
I actually think left aligned is way to go. I was just on a thumbs up rampage and you got caught in the crossfires. :laugh: :laugh: :laugh:
Jeremy Falcon
-
I don't think there is a UI specific forum and the question is language agnostic... I have a UI with headers (days of the week) and checkbox/radiobox under each day of the week. Should I left align the checkbox/radio box with the header ? or center-align ? and columns will all be same width in the real thing. (x for check box, o and O for radio box )
Monday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o OMonday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o ODiscuss/fight/troll me... Thanks.
CI/CD = Continuous Impediment/Continuous Despair
If you follow this style guide insofar as the alignment goes you'll be ok... [Table and Data Grid Guidelines](https://balsamiq.com/learn/ui-control-guidelines/tables-data-grids/) Just don't forget to do the opposite for RTL languages for cells that aren't form controls.
Jeremy Falcon
-
I dont see the crossfires :laugh: For me a checkbox columns looks better in center alignment. But I think that is a very personal taste thing.
Crap I need some coffee. I agree with that in regards to check-boxes, just not plain text. I might nuke my post.
Jeremy Falcon
-
Crap I need some coffee. I agree with that in regards to check-boxes, just not plain text. I might nuke my post.
Jeremy Falcon
-
If you follow this style guide insofar as the alignment goes you'll be ok... [Table and Data Grid Guidelines](https://balsamiq.com/learn/ui-control-guidelines/tables-data-grids/) Just don't forget to do the opposite for RTL languages for cells that aren't form controls.
Jeremy Falcon
damn, a guideline !! I'm doomed!! Thanks.
CI/CD = Continuous Impediment/Continuous Despair
-
I don't think there is a UI specific forum and the question is language agnostic... I have a UI with headers (days of the week) and checkbox/radiobox under each day of the week. Should I left align the checkbox/radio box with the header ? or center-align ? and columns will all be same width in the real thing. (x for check box, o and O for radio box )
Monday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o OMonday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o ODiscuss/fight/troll me... Thanks.
CI/CD = Continuous Impediment/Continuous Despair
Make it user configurable. ;) Make sure you support right-to-left languages. :) Or, as my French teacher told me, if you don't know which way the accent mark goes, just draw a horizontal line and the testers can't ding you. AKA: center-aligned. ;)
Latest Articles:
A Lightweight Thread Safe In-Memory Keyed Generic Cache Collection Service A Dynamic Where Implementation for Entity Framework -
Make it user configurable. ;) Make sure you support right-to-left languages. :) Or, as my French teacher told me, if you don't know which way the accent mark goes, just draw a horizontal line and the testers can't ding you. AKA: center-aligned. ;)
Latest Articles:
A Lightweight Thread Safe In-Memory Keyed Generic Cache Collection Service A Dynamic Where Implementation for Entity FrameworkEvery friggin' thing is configurable in our software. This is one of the rare UI that will not be configurable
CI/CD = Continuous Impediment/Continuous Despair
-
I don't think there is a UI specific forum and the question is language agnostic... I have a UI with headers (days of the week) and checkbox/radiobox under each day of the week. Should I left align the checkbox/radio box with the header ? or center-align ? and columns will all be same width in the real thing. (x for check box, o and O for radio box )
Monday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o OMonday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o ODiscuss/fight/troll me... Thanks.
CI/CD = Continuous Impediment/Continuous Despair
Center of course for the obvious logical reason previously stated. Also : Vertical line separators. Each column in alternating colors. Upon hover icons fly around depending on column. to wit exempli gratia: Monday flying piggies Tuesday flying kittens Wednesday flying puppies Thursday flying butterflies Friday flying froggies Of course the library of flying icons should be user extensible. Distinct perhaps random fonts is user optional.
-
Crap I need some coffee. I agree with that in regards to check-boxes, just not plain text. I might nuke my post.
Jeremy Falcon
-
I don't think there is a UI specific forum and the question is language agnostic... I have a UI with headers (days of the week) and checkbox/radiobox under each day of the week. Should I left align the checkbox/radio box with the header ? or center-align ? and columns will all be same width in the real thing. (x for check box, o and O for radio box )
Monday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o OMonday Tuesday Wednesday Thursday Friday
X X X X X
o o o o o
O o O O o
o O o o ODiscuss/fight/troll me... Thanks.
CI/CD = Continuous Impediment/Continuous Despair
-
damn, a guideline !! I'm doomed!! Thanks.
CI/CD = Continuous Impediment/Continuous Despair
-
Don't sweat it. Guidelines are just someone else's opinion.
"They have a consciousness, they have a life, they have a soul! Damn you! Let the rabbits wear glasses! Save our brothers! Can I get an amen?"
Yes, but the opinion of a UX expert writing said guidelines should at least hold some weight say against that of a gardener or a meth dealer. :laugh:
Jeremy Falcon
-
Every friggin' thing is configurable in our software. This is one of the rare UI that will not be configurable
CI/CD = Continuous Impediment/Continuous Despair
Maximilien wrote:
This is one of the rare UI that will not be configurable
Don't forget the read only checkbox they can't uncheck that says make this not configurable. :laugh: :laugh: :laugh:
Jeremy Falcon
-
Every friggin' thing is configurable in our software. This is one of the rare UI that will not be configurable
CI/CD = Continuous Impediment/Continuous Despair
Maximilien wrote:
rare UI that will not be configurable
.....until the afternoon before the scheduled release date. :)
"the debugger doesn't tell me anything because this code compiles just fine" - random QA comment "Facebook is where you tell lies to your friends. Twitter is where you tell the truth to strangers." - chriselst "I don't drink any more... then again, I don't drink any less." - Mike Mullikins uncle
-
Every friggin' thing is configurable in our software. This is one of the rare UI that will not be configurable
CI/CD = Continuous Impediment/Continuous Despair
Then make sure to make the number of weekday columns configurable, for when we (finally) narrow down the week to 3 days (yes, I do remember the 1970s); but allow for up to 10 days, for when we decimalise the calendar.
Telegraph marker posts ... nothing to do with IT Phasmid email discussion group ... also nothing to do with IT Beekeeping and honey site ... still nothing to do with IT