Cannot drag & drop Globals?

Elements
1

So I decided to dive in a do my first Elements project which is supposed to go out in the real world …
So nooby questions next, bare with me:

  • created new project, with version 0.7.12 (23532) -BTW. copyright in about is still at 2024-
  • struggled with getting the same menu appear on all pages, figured I had to use “Global” setting for Menu component for that. Correct me if I am wrong … please.
  • Wanted a line at the bottom, Divider sounds nice, gave it a color, also made it Global. Wanted the same line on every page, but …
  • how to get that line to show up, tried dragging and dropping from “Home” page to the others, no luck
  • option drag, copy/paste (beeps??), nothing works

Check out this screenshot to see how my UI elements are arranged, and understand how I try to drag und drop:

Elelments 0.7.12 feedback
Elelments 0.7.12 feedback1424×996 96.6 KB

Also please note the “Unknown”'s in there … what are these? Are they dangerous? and if so how do I get rid of them?

Thanks for patiently reading thus far. Hope this all makes sense and somebody can give me a pointer or two as to what I did wrong :-<

2

Hi @Bart-Jan,

Sorry, it seems you’ve run into a paste bug, but don’t worry—we are aware of it and will get it fixed. The issue arises on blank pages; once you’ve added a component to the page, the paste will work!

Here’s a quick video that explains things in more detail, along with using a global for the menu.

Let me know if you have any more questions :blush:

3

Hi Dan,
thanks for the speedy response , much appreciated!
Closing & opening the project file does indeed “fix” the unknowns. Tnx.
Copy and pasting sometimes work when you have an initial component, but not always.
Dragging and (option) dropping never seems to work.
Shall I supply you with more reproducible cases of copy/paste problems. I pretty sure I can.
Or would my project file be sufficient?

4

Make sure you click into the editor, so Elements knows where to paste it.

Option dragging always seems to work here.

Yes, that would be good, along with your project if you think it would be helpful (and the above doesn’t solve the issues for you).

Oh, and here’s a video explaining how to reliably copy/paste and option-drag:

5

I do something similar with a site design I’m working on. However, the power of global is to make it truly global. Thus, if every page has the menu and a line underneath it:

  1. Create a container.
  2. Drop in the menu.
  3. Drop in a divider.
  4. Verify everything is working as you’d like at every breakpoint.
  5. Make the container the global (and name it something like Header).

You really need to think about this before jumping in. I’ve actually got an accordion (which opens to display my other site links) above the menu. So the Header global I use on every page has several things in it (accordion, menu, divider, etc.).

I think I’ve spent way more time making sure I have the right global Header and Footer components—which are on every page—than I have what’s on the pages.

2 Likes
6

Hey Thom,
the container tip was really helpful. thanks.

1 Like
7

Hi Dan,
again thanks for feedback. Much appreciate you effort!
Copy/pasting was indeed having to select a component in the editor before paste would work.
Drag & drop is probably similar issues: I (incorrectly) was assuming that I could take a component in the Page Layout tree (not -!- in the editor) and drop them somewhere else, like on another page in the Pages view.
Hmm, my impression of the Pages & Page Layout parts being the main thing to work with when organizing my site may have (been) wrong?

8

If you need to put the same content on multiple pages, use globals. Or if you want to re-use a section just as a starting point, use copy and paste in the editor (btw. Templates are being worked amd will help improve this workflow).

1 Like