Bug 535199 (RHQ-1920) - center column data in resource hub
Summary: center column data in resource hub
Keywords:
Status: CLOSED NEXTRELEASE
Alias: RHQ-1920
Product: RHQ Project
Classification: Other
Component: Core UI
Version: unspecified
Hardware: All
OS: All
low
medium
Target Milestone: ---
: ---
Assignee: John Mazzitelli
QA Contact: Jeff Weiss
URL: http://jira.rhq-project.org/browse/RH...
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2009-04-02 23:12 UTC by John Mazzitelli
Modified: 2014-11-09 22:49 UTC (History)
1 user (show)

Fixed In Version: 1.2
Doc Type: Enhancement
Doc Text:
Clone Of:
Environment:
Last Closed:
Embargoed:


Attachments (Terms of Use)
screenshot-1.jpg (32.71 KB, image/jpeg)
2009-04-02 23:13 UTC, John Mazzitelli
no flags Details
screenshot-2.jpg (8.50 KB, image/jpeg)
2009-04-11 06:25 UTC, John Mazzitelli
no flags Details
screenshot-better.jpg (24.12 KB, image/jpeg)
2009-04-11 07:11 UTC, John Mazzitelli
no flags Details

Description John Mazzitelli 2009-04-02 23:12:00 UTC
look at attachment - I think it would look better if the right most column data (the counts/icons) were not right-aligned - they should be centered in the column cell.

Comment 1 John Mazzitelli 2009-04-11 06:25:54 UTC
screenshot-2 shows the problem more clear.  The "Children" and "Descendents" headers are left-aligned but the icons are right aligned. They look really off and you can't really tell if the first "0 (?)" is under Children or Descendents - in fact, it looks MORE like it belongs under Descendents than Children (which is where it really belongs).

Comment 2 John Mazzitelli 2009-04-11 06:29:33 UTC
The problem is in GroupHub.jsp:

         <display:column width="10%" property="explicitFormatted" title="resource.common.monitor.visibility.ChildAvailabilityTH"
                         headerStyleClass="ListHeaderCheckbox" valign="middle"
                         sortAttr="explicitAvail"/>

         <display:column width="10%" property="implicitFormatted" title="resource.common.monitor.visibility.DescendentAvailabilityTH"
                         headerStyleClass="ListHeaderCheckbox" valign="middle"
                         sortAttr="implicitAvail"/>

That headerStyleClass is completely ignored. I tried created my own class and using it, I also tried adding a "style: text-align: right" but <display:column> doesn't accept style attribute. Using FF DOM inspector, it tells me the header cells are of class "tableRowInactive". I can't see how I can change this for just these two display:column elements.

Somehow, we need those cells to be "text-align: right;" (or center, but I think right will look best). But I can't find a way to do it.

Comment 3 John Mazzitelli 2009-04-11 07:10:25 UTC
see the attached screenshot for the new way this is rendered. I basically changed the alignment of the rows to be left aligned, not right aligned. These put the images more directly under the header names. For those groups that only have a single image (all UP, all DOWN or grey) the images are directly under the header string, which is nice.

Comment 4 Jeff Weiss 2009-04-14 18:26:26 UTC
Fixed, rev3727.  The groups tabs look like the final screenshot attached.  I think the alignment could still use some improvement, but it's good enough for this release.

Comment 5 Red Hat Bugzilla 2009-11-10 20:49:30 UTC
This bug was previously known as http://jira.rhq-project.org/browse/RHQ-1920
Imported an attachment (id=368696)
Imported an attachment (id=368697)
Imported an attachment (id=368698)



Note You need to log in before you can comment on or make changes to this bug.