Drag grid items on page in PG to get A tabs? Below doesn’t do it or I didn’t understand. Help please
“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.
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.
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 ; )