[jboss-jira] [JBoss JIRA] (DROOLS-4270) Visual design: Highlighting treatment for GDST/DMN 7.5 Find results

[Brian Dellascio (Jira)]

    [ https://issues.jboss.org/browse/DROOLS-4270?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13763588#comment-13763588 ] 

Brian Dellascio edited comment on DROOLS-4270 at 7/25/19 6:59 PM:
------------------------------------------------------------------

[~uxdlc]  Updated the mocks to just reflect the default PF search: 
* [Marvel mocks|https://marvelapp.com/1gh777i6]
* [PF3 implemented example|https://www.patternfly.org/v3/pattern-library/forms-and-controls/find/#code]

Changes made:
* Use standard search icon
* Collapse/reveal widget as PatternFly does, using a pop-over
* The icon resides in the same place as the previous icon, but the widget is a popover, so it appears below the icon, not in that white space like it was in the first draft
* Added blue glow to text input field
* Default PF widget treatment. White on white. I nixed the yellow because it just gets covered by the blue glow treatment anyway.
* Highlight text color is still gold, which is the PF default
* Table cell highlight - I'm awaiting a screen capture of what has been implemented so far by [~karreiro], then I can move from there.



was (Author: bdellasc):
[~uxdlc]  Updated the mocks to just reflect the default PF search: 
* [Marvel|https://marvelapp.com/1gh777i6]
* [PF3 implemented example|https://www.patternfly.org/v3/pattern-library/forms-and-controls/find/#code]

Changes made:
* Use standard search icon
* Collapse/reveal widget as PatternFly does, using a pop-over
* The icon resides in the same place as the previous icon, but the widget is a popover, so it appears below the icon, not in that white space like it was in the first draft
* Added blue glow to text input field
* Default PF widget treatment. White on white. I nixed the yellow because it just gets covered by the blue glow treatment anyway.
* Highlight text color is still gold, which is the PF default
* Table cell highlight - I'm awaiting a screen capture of what has been implemented so far by [~karreiro], then I can move from there.


> Visual design: Highlighting treatment for GDST/DMN 7.5 Find results
> -------------------------------------------------------------------
>
>                 Key: DROOLS-4270
>                 URL: https://issues.jboss.org/browse/DROOLS-4270
>             Project: Drools
>          Issue Type: Story
>          Components: DMN Editor
>    Affects Versions: 7.23.0.Final
>            Reporter: Elizabeth Clayton
>            Assignee: Brian Dellascio
>            Priority: Major
>              Labels: UX, UXTeam, drools-tools
>         Attachments: Example.png, Screen Shot 2019-05-30 at 5.14.30 PM.png
>
>
> As a user of the proposed 7.5 GDT/DMN "Find" feature, when I submit text using the find tool, I need to see the results visually highlighting in the respective canvas area. 
> Find is a local search that could be performed in these areas of the application:
> * Guided Decision Table editor (tables) - text strings within "Data cells"
> * DMN graph- text strings within canvas nodes.
> * DMN boxed expressions (logic) - text strings within "Data cells"
> Requirements 
> * Colors, etc for partial and whole text strings will need to be highlighted is required. 
> * General recommendations regarding the usability and appearance for highlighting entire table cells and nodes. 
> * Visual styles for the above if recommended. 
> Considerations
> * Will not be able to leverage browser controls for Find. 
> * Visual design should take into consideration the visual treatments that will be applied within these jiras: https://issues.jboss.org/browse/DROOLS-3953 and https://issues.jboss.org/browse/DROOLS-4258.



--
This message was sent by Atlassian Jira
(v7.12.1#712002)