Drag grid items on page in PG?

Drag grid items on page in PG to get A tabs? Below doesn’t do it or I didn’t understand. Help please
Automatic placement Grid tabs in Pinegrow

“Let’s start by placing the image. If you select the image in either the Tree panel or the Page View you can see that the edges now have tabs with the letter “A”, standing for automatic. This is because we haven’t added any CSS properties to define where it should be placed in the grid. We can also notice that the bottom of the image if floating between two areas. That is because the image is being constrained by the width of the column and then maintaining expanding to the full height of the image.”

Maybe it doesn’t show if you have grid properties? I think it is called style attributes. But nothing I’ve tried brings it up in PG. Well, back to VSC.

@kat Can you point me to the tutorial you are following? I know that Chrome did an update at some point that changed CSS Grid behavior and Pinegrow had to add an addendum to one of their tutorials, I just don’t remember which one off the top of my head.

Maybe @emmanuel can point us to the right place?

1 Like

This is the time code so it’s in various previous spots.
Appreciate your help Adam.

Yup. It looks like they updated it on the website, but not Udemy. Here is the link to the updated tutorial.

I’ll watch the update tomorrow, Adam.
Has PG eliminated the “A tabs” that I can use to drag the size of grid cells to fit where elements go?

The tabs are still there. I’ve been through that tutorial and it works as expected.

What do I need to click to get the “style Atribute” to show A tabs in PG?
I usually use VSC. But hoped that a few tricks in PG like A tabs that might be worth using PG more.

@kat Silly question, do you have the CSS Grid helpers showing? The screenshot below shows the track numbers since the element’s location has been defined, but the concept is the same.

If enabling that option doesn’t address the issue, you may want to zip your project folder up and send it to Pinegrow’s support email address (support@pinegrow.com) so they can troubleshoot it further.

1 Like

Excellent Q, Adam. It did give me a chance to thing about display. But yes I do have grid showing.
PG and I have issues, still this was a good opportunity to get reacquainted.
Now back to checking grid code in VSC instead of hoping for shortcut ; )