Giter Club home page Giter Club logo

form-a11y's People

Contributors

codeviking avatar dependabot[bot] avatar e-tornike avatar illdepence avatar jbarrow avatar julianmack avatar lolipopshock avatar paliwalsparsh avatar schmmd avatar tjaffri avatar vtcaregorodtcev avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Forkers

javi-ei

form-a11y's Issues

Moving the canvas

Ability to move the canvas, imagine being zoomed in on the canvas, the user would want to move around the canvas.

Cursor modes

There will be two modes for the cursor -

  1. Create mode - In this mode, the user would be able to only create annotation boxes.
  2. Move and operate mode - Here, users would be able to select one or multiple boxes, move them around, change their properties, and more.

Fade off non-focus area

For creating flows such as for creating labels we need the ability to fade off everything on screen except the tokens.
Further we need to allow users to select these tokens and create labels out of them.

Cropping the form

This is crucial for our application. The first step of our design requires users to crop the page into a small digestible section.

Thus, cropping involves cropping forms and annotations as well.

Ability to move annotation box around

  1. If only one box is selected - Dragging it around should change the position of the box on the canvas.
  2. If more than one box is selected - Dragging around should change the position of all boxes.

Highlight errors

We have the ability to show errors to users before they click on CTA. Example - helps users by telling them they have not added field type to a particular field and where that field exists.

Zoom into the page

Ability to zoom in and out of the page

Screenshot 2022-03-15 at 9 48 09 AM

Even though the UI design of zoom might change, functionality will remain similar. For now, we can use the default icon set and components from ant-UI and focus on implementing the functionality.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.