Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add keyboard shortcuts to grid #70

Open
erickgomez28 opened this issue Mar 12, 2021 · 3 comments
Open

Add keyboard shortcuts to grid #70

erickgomez28 opened this issue Mar 12, 2021 · 3 comments
Assignees
Labels
enhancement New feature or request

Comments

@erickgomez28
Copy link
Contributor

For navigation on the main grid or in the subgrid of a selected area:
Arrow right: move the hover to the right cell
Arrow left: move the hover to the left cell
Arrow down: move the hover to down cell
Arrow up: move the hover to up cell

In addition to its current functionality:
Esc: cancels the edit column or row name separator
c: add a column where I have the hover
r: add a row where I have the hover

New Actions:
Espace: select an area to edit or select an empty area to create
Shift + c: remove the column from the current hover cell
Shift + r: remove the row from the current hover cell
Shift + g: clean the area if it has a subgrid
Ctrl + c: copy the generated ccs code

This can be other PR:
Shift + arrow right: select column separator right
Shift + arrow left: select column separator left
Shift + arrow down: select row separator down
Shift + arrow up: select row separator up

When the row or column separator is select:
Espace: edit separator name
Arrow right: add width to the column left and remove width to the column right
Arrow left: add width to the column right and remove width to the column left
Arrow down: add height to the row up and remove height to the column down
Arrow up: add height to the row down and remove height to the column up

@erickgomez28
Copy link
Contributor Author

Hi @matias-capeletto, these are my suggestions to expand the current keyboard shortcuts.
What do you think?

@patak-dev
Copy link
Member

I think these are great additions. I really like the idea of add columns and rows where you are. I think we may need to see it work to fine-tune it, but let's try!

@agustin-capeletto-lenio what do you think about shift+click for deleting rows/columns?

About the shortcuts when you are in a line, I think they are nice to have. I am only afraid about how we people are going to discover all these keyboard shortcuts. We may need to have a help button with an explainer for all of them.

@patak-dev patak-dev added the enhancement New feature or request label Mar 12, 2021
@krekosiewicz
Copy link

Where I can find currently supported keyboard shortcuts?

Based on me playing around with app there i've got another additional shortcuts:
Ctrl + Plus (+): Zoom in on the container and inner grid, increasing visibility of smaller details.
Ctrl + Minus (-): Zoom out on the container and inner grid, offering a broader view of the overall layout.
Ctrl + 0: Reset zoom to the default level, returning the container and grid to the original size.

Those shourtcuts will have great synergy with the issue #1

Benefits:
Enhanced navigation and editing within large grids.
Easier access to grid elements when working in detailed or zoomed-out views.
Improved usability for users with different screen sizes and accessibility needs.

I've just made raw proposal of help button. Nothing fancy though

help-button-proposal-2024-09-05_15.48.24.mp4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants