In my dataobject manager I am only displaying 3 of the dataobjects' fields to keep things clean; a 5 digit product code, a name, and a description. The problem I'm having is that each column is set to 33% of the total available width which leaves the product code with lots of extra space and the name and description squashed.
Is there a way to improve this kind of spacing that I've missed?
Out of curiosity, why is the manager built using divs and lists instead of a table?
I figured there had to be a good reason for choosing to build it that way, just didn't know what it was.
I think it would be a good idea to set the overflow property on the divs making up the individual table cells to hidden or maybe auto. Right now the content that can't wrap ends up flowing into adjacent cells and overlapping their content.
Adding the property to this selector - .list .dataobject-list li div.pad - on line 9 of dataobjectmanager.css did the trick when I was messing around in the file.
It does wrap correctly but sometimes there are unexpectedly long words in narrow columns or the browser window gets shrunk to make room for another window or something.
The overlapping isn't that big of an issue but it looks bad when it happens and can hurt the users overall feeling about the quality about the admin area. Needless to say, I'm from the OCD school of design :)
Yeah, me too. That's part of the reason I came out with this module. Sometimes it's pretty clear that Silverstripe did not go to the OCD school. I don't know what they were thinking with that CTF interface. Looks like something I used in the computer lab at my junior high school.
Thanks for the tip. If you can confirm nothing is broken, I'll check in your CSS fix.
I'm still a newbie so I'm learning my way around silverstripe. I saw the code you posted to assign the widths, but where does that actually go? I'm piecing together parts from different secitons to create an mp3 uploader for sermons for my church and I'd like to be able to make the date width smaller than the rest.