Suggestions for CSS Grid Builder - Post ID 278746

Registered User
4 posts

I'm with Dan Clements when he wrote: A simple a,b,c step tutorial to starting a new project would be nice. It always opens in that ski project and I don't have a clue what to do with it.

Registered User
423 posts
Online Now

GDEWebMan wrote:
I am Loving this ........ Really getting control of it!
Noticing: When creating a New Container that the Tree just shows it as a Container & there doesn't appear to be a way to name the container so it shows in the Tree.
Would be nice if we could identify in the Tree.
Container Header
Container Menu
Container Main
I now we can create ID and change CSS Class like this:
<nav class="container container-8">
<a class="link-text menu-item" href="#">HOME</a>
<a class="link-text menu-item" href="#">SERVICES</a>
<a class="link-text menu-item" href="#">ABOUT US</a>
<a class="link-text menu-item" href="#">CONTACT US</a>
<div class="container container-1">
<span class="text-element text-1">1</span>
<span class="text-element text-1">2</span>
<span class="text-element text-1">3</span>
<span class="text-element text-1">4</span>
<span class="text-element text-1">5</span>
<span class="text-element text-1">6</span>
<span class="text-element text-1">7</span>
<span class="text-element text-1">8</span>
But it does not Show in the TREE.
Can this be done?
If so .................. Please DO!


YES, custom identifiers for the tags would be WONDERFUL !
Break on through to the other side

Registered User
574 posts

I think it would be helpful if the Grid Editor window floated on the screen, as do the Components and Resources windows. This would allow one to see the effect of the 'Apply to Canvas' button without leaving the Grid Editor.


Registered User
423 posts
Online Now

Explicit and Implicit Line Grids would be nice.
Break on through to the other side

Registered User
574 posts

This is a very minor matter.

In the Selection Settings Row of the Grid Editor, the four buttons next to the word 'Manage' have the following tool-tips -
(a) Add Duplicated Row Before
(b) Add Duplicated Row After
(c) Move Row Up
(d) Move Row Bottom

I think that item (d) would be more aptly described as 'Move Row Down'.


1 post

+1 for being able to name the elements in the menu area (maybe automatically doing it if the id is given.

But would it also be possible to add a section to link to javascript files like codepen and jsfiddle provide? Something that wouldn't require the user to edit the html every time its exported.

Those are the only 2 things preventing me from purchasing and using the Grid Builder as my new visual editor! Great work guys

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.