Bug 1044549 - Application header needs to more fixes to follow RCUE styling
Summary: Application header needs to more fixes to follow RCUE styling
Keywords:
Status: CLOSED EOL
Alias: None
Product: JBoss BPMS Platform 6
Classification: Retired
Component: Business Central
Version: 6.0.0
Hardware: Unspecified
OS: Unspecified
medium
medium
Target Milestone: ER2
: 6.3.0
Assignee: Cristiano Nicolai
QA Contact: Lukáš Petrovický
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2013-12-18 14:32 UTC by Catherine Robson
Modified: 2023-04-21 12:42 UTC (History)
7 users (show)

Fixed In Version:
Clone Of:
Environment:
Last Closed: 2020-03-27 19:38:37 UTC
Type: Bug
Embargoed:
crobson: needinfo-


Attachments (Terms of Use)
01 - Style sheet problems (322.70 KB, image/png)
2014-02-13 16:25 UTC, Juanma
no flags Details
02 - Style sheet problems (23.51 KB, image/png)
2014-02-13 16:26 UTC, Juanma
no flags Details
03 - Style sheet problems (31.61 KB, image/png)
2014-02-13 16:26 UTC, Juanma
no flags Details
04 - Style sheet problems (18.46 KB, image/png)
2014-02-13 16:27 UTC, Juanma
no flags Details
login screen - bpms - 6.0.1.ER2 (600.60 KB, image/png)
2014-03-10 20:55 UTC, Marek Baluch
no flags Details
home page screen - bpms - 6.0.1.ER2 (284.90 KB, image/png)
2014-03-10 20:56 UTC, Marek Baluch
no flags Details
ZIP containing logos and doc describing RCUE fixes (549.66 KB, application/vnd.oasis.opendocument.text)
2014-03-11 15:29 UTC, Catherine Robson
no flags Details

Description Catherine Robson 2013-12-18 14:32:27 UTC
Description of problem:
The BPM Suite and BRMS headers are not completely following the RCUE style standards.

A few of the major differences are pointed out in this image:
https://www.evernote.com/shard/s230/sh/da571c03-a51e-47b6-805c-88ba777b8d8d/11c4feaef636a78019a192e0150ea7d1


Example code (html and css) for this area can be seen in action here:
http://rcue-uxd.itos.redhat.com/patterns/structural-navigation/primary-navbar-examples/


Version-Release number of selected component (if applicable):
6.0.0.ER5

Comment 1 Pedro Zapata 2014-01-17 15:22:41 UTC
Not sure we can fix some of these issues easily. We'll try to do some low risk improvements to this for 6.0.1.

Comment 2 Juanma 2014-02-13 11:46:13 UTC
I've done all tests with style sheets provided and generate incompatibilities with it was installed. I've tested it in different environments generating the same errors.

I haven't managed to reproduce the appearance of the model

Comment 3 Pedro Zapata 2014-02-13 13:50:52 UTC
Juanma, can you provide more details about what the problem is?

Comment 4 Juanma 2014-02-13 16:23:15 UTC
I think four images clarify better the problem that I explained before.

Comment 5 Juanma 2014-02-13 16:25:04 UTC
Created attachment 862872 [details]
01 - Style sheet problems

Comment 6 Juanma 2014-02-13 16:26:14 UTC
Created attachment 862874 [details]
02 - Style sheet problems

Comment 7 Juanma 2014-02-13 16:26:46 UTC
Created attachment 862876 [details]
03 - Style sheet problems

Comment 8 Juanma 2014-02-13 16:27:13 UTC
Created attachment 862878 [details]
04 - Style sheet problems

Comment 9 Marek Baluch 2014-03-05 21:05:42 UTC
Juanma,

could you please verify that the changes in 6.0.1.ER2 are sufficient? We're not UX professionals.

Thank you.
Marek.

Comment 10 Marek Baluch 2014-03-05 21:07:20 UTC
Apologies - I meant to ask Catherine.

Catherine can you please verify that the changes are sufficient?

Thank you.

Comment 12 Marek Baluch 2014-03-09 10:36:01 UTC
Assigning back to myself and setting the needinfo flag as that's a more appropriate way. 

Catherine, can you please verify that the fix introduced the required styling and then put it to VERIFIED?

Thank you.

Comment 13 Catherine Robson 2014-03-10 20:41:02 UTC
It looks like this doesn't have the styling I am expecting still (as compared to this: http://rcue-uxd.itos.redhat.com/brand-integration/).  The spacing, placement of utility navigation (username, help, etc), and styling of the primary navigation are not quite on target from what I can see. Could some attach a screenshot of this as when I look at it on my system, it appears that nothing changed from the last time I looked at it.  I want to make sure I just didn't mess up on my side!

If it isn't following the guidelines still, I will try to create a document that specifies exactly what changes are needed to get it to follow RCUE.

Thanks!

Comment 14 Marek Baluch 2014-03-10 20:55:46 UTC
Created attachment 872840 [details]
login screen - bpms - 6.0.1.ER2

Comment 15 Marek Baluch 2014-03-10 20:56:51 UTC
Created attachment 872842 [details]
home page screen - bpms - 6.0.1.ER2

Comment 16 Marek Baluch 2014-03-10 20:57:19 UTC
Catherine - many thanks for checking the styling.

As for you request I have attached a screenshot of the login screen and home page screen. These where taken using BPMS 6.0.1.ER2.

Comment 17 Catherine Robson 2014-03-11 15:29:52 UTC
Created attachment 873199 [details]
ZIP containing logos and doc describing RCUE fixes

I have added a zip that contains correct logo files to use as well as a document that describes the RCUE fixes that should be applied to the application header.  The log-in page is not as much of a concern to me as the application header at this point, so let's see if we can get the header improved given this information.

Comment 18 Marek Baluch 2014-03-11 16:14:27 UTC
Based on comment #17 setting to ASSIGNED for further improvements.

Many thanks for the details!

Comment 21 Shelly McGowan 2015-01-28 14:42:35 UTC
See also:
https://bugzilla.redhat.com/show_bug.cgi?id=1156480

Comment 22 Cristiano Nicolai 2016-02-22 15:28:48 UTC
I believe we're fairly close to get all of the requested changes implemented for 6.3 release.
One thing I could notice is that the logo still hasn't been updated.

Catherine, if you could provide me the new logo files for BRMS and BPMS I can get that updated.

Thanks

Comment 23 Cristiano Nicolai 2016-03-22 23:48:47 UTC
New logos have been updated for 6.3.

I believe all the issues with adopting RCUE styling are now fixed, but feel free to review and reassign it back to me in case there is still something missing.

Comment 24 Zuzana Krejčová 2016-03-30 13:01:31 UTC
I believe there are still details to fix, based on the document in attachment 873199 [details].

Based on the effective css styling reported by browser's dev tools:

The (1px) lines between different bars and elements are mostly either missing or wrong color.
The user icon is from PatternFly, it should be font-awesome icon.
The logo is not correctly (vertically) centered.
When hovering over a menu item in the primary navbar, the menu item text color doesn't change.
The text colors of the menu items in the primary navbar (on hover, selected and not selected) don't match the specified colors.
The different background colors and gradients also don't really follow the document.

There might be other details that I am missing.

Based on these inconsistencies, I am returning this. I would like to ask the UX team to look at the current state and add their opinion if possible.

Catherine, if I could bother you with this one more time? After all, the RCUE requirements might have also changed since 2014-03-11.


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