CSS grid and cell position copy to different screen sizes + some feature requests

Beta
#1

Is there a way to copy all existing cell positions of the grid to other screen sizes?

At the moment I’m manually copying all the cells that are in the grid to different screen sizes, is there a way to select all the cells at once and copy their positions to different screen sizes?

It’s not a very big deal to do it manually but it could save some time in some cases to do it all at once.

Also I was wondering if there can be an option build in for future releases when cells are overlapping in the grid to have/keep them selected by double clicking them so you can visually drag and drop them. As far as I noticed now, the top cell will be automatically selected and so therefore you can only change the position of the cells by changing its track numbers…

and that brings me to the following request, is it possible to have small number indicators at the tracks of the grid? By doing so you don’t have to count the positions of the cells anymore (what now is happening when you are using a big grid with many cells), I think these things can speed up the workflow a lot.

1 Like
#2

Yeah, the Firefox dev tools have those number indicators in their grid inspector. Quite handy.

#3

Hi @SchoonhovenOntwerpStudio,

When inspecting a cell, the Cell Layout control has a context menu when you right click it. This will let you apply the current breakpoint to the other screen sizes.

I’ve taken a look, and it is actually a bug what you’re seeing where the cell gets inspected. We’ll get that worked out. It should only inspect on a single click that doesn’t start resize/move interaction because often you want to adjust cell positioning without losing the Grid or previous cell in the inspector.

As for the indicators, do you mean something that indicates the original source order?

#4

I assume @SchoonhovenOntwerpStudio means these number indicators:

grid-overlay
grid-overlay1842×1383 88.7 KB

#5

@alexander Related to the arrangement of cells on different breakpoints. When chosing “Use auto placement” in the context menu for a cell, it will make that cell being auto-placed in all breakpoints, not only in the breakpoint you are currently working in. I posted this in the support forum as bug/feature request, but had the feeling that your personell did not quite understand what I was getting at: Feature Request / Bug: Grid Element, Cell Autoplacement

#6

I see what you mean @JvP, we’ll make a note about it. Likely won’t be something we explore near term but a really cool idea.

Thanks @striata, I’ll take a look at that thread tomorrow and see what I can find.

1 Like
#7

Hello Alex, I’m not sure if we are talking about the same thing so I made a screenshot, maybe that explains better what I mean

Screenshot Grid positions
Screenshot Grid positions1920×1280 319 KB

@JvP yes this is what I mean with numbering the grid.

1 Like
#8

I see what you mean now! Thanks! Unfortunately this won’t be possible nearterm, but we are planning on building a way to inspect multiple elements. When multiple elements are inspected the idea is you’ll see controls they have in common. Then you can update all of the selected elements at once. This will be useful for cell positioning, but also for tasks like synchronizing colors, borders, shadows, etc.

2 Likes
#9

@alexander that sounds great also! I started using Pro only since a few months more intensively and I must say that I really like all the development going on and how you guys are handling things. So a big thank you to all of you!

1 Like
#10

You’re most welcome! And thank you! We really appreciate the kind words, and it’s great to hear you’re enjoying Pro.

1 Like