Comments (5)
@rgauss , Adding context through a pop-up or tooltip regarding the color coding will make the tool feel more intuitive. Custom tooltips per control could be added later down the line, but an overarching tooltip for starters would be a huge fix involving a minor update to the code.
from oscal-react-library.
@Bronstrom, sure that's fine for now if it looks better.
That area of UI/UX will change drastically in #87 and #88 at which time we'll want to re-evaluate placement.
from oscal-react-library.
@Bronstrom Let me know when you complete this so we can close it out.
from oscal-react-library.
@jgomez352 Thanks for your interest in this! The final implementation resulted in more of a legend-focused design rather than a tooltip specifically, for example the below screenshot shows a control implementation with both placeholders and filled-in values.
Thanks @Bronstrom for your work on this! I know you had some ideas during the implementation as well, so I'd love to capture additional potential improvements in further tickets.
from oscal-react-library.
@rgauss The Implementation Notes specify the legend be placed in the top-right corner of a control, which I have finished implementing. This legend appears in the same place on every control, which seems a bit repetitive depending on the number of controls. From a UX standpoint, would it be better to have the legend appear once at the same level of the title of a control grouping (catalog control group, control implementations, imported controls)?
from oscal-react-library.
Related Issues (20)
- Display Existing Catalogs and Baselines (Profiles) HOT 2
- Upload OSCAL Files HOT 10
- Manage Groups in Catalogs HOT 11
- Creating a New OSCAL Catalog or Baseline (Primary)
- Feature Management HOT 14
- Catalogs and Baselines Styling Alignment
- Implement Styling for Catalogs and Baselines
- Manage Controls in Catalogs
- Manage the Hierarchy of Controls HOT 10
- Withdraw and Remove Controls HOT 10
- Create and Edit Controls HOT 12
- Manage Parameters within Controls HOT 11
- Manage Resources in Catalogs
- Configuration File HOT 1
- Subject Matter Help Links
- Application/Technical Support Information
- Address Styling Alignment on Developed Code
- Resolve images not appearing within OSCAL System Security Plan Viewer
- Change the current CA certificate (Expires 5-19-24)
- OSCAL Builder Example
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from oscal-react-library.