How to insert image or text in between existing

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
clara
 
 
Posts: 6
Joined: Mon Apr 25, 2022 6:25 pm
Contact:

How to insert image or text in between existing

Post by clara »

Hello,

How can I insert an image (or text block, or whatever else) near the top or in the middle of a page that already has multiple images and text- without having to manually drag each element down to make space for the new thing?

Example:
I create a page that is structured something like this:

image1
some text explaining image1

image3
some text explaining image3

image4
some text explaining image4

image5
some text explaining image5

etc x 20 more

and then OOPS I forgot to add image2 and its text explanation after image1. Because they are sequential steps to teach something, image2 really needs to be after image1 and not somewhere else way down the page.

- When I'm building a page in a plain old text editor I can just start typing in between image1 and image3 and everything under it moves down automagically unless I've accidentally turned on "overwrite mode" on my keyboard
- If I manually add the html after exporting, it works fine but my image2 and text gets wiped out when I export the next time I update the page.
- If I click "insert" anything, it floats on top of my previously positioned stuff, seems I can only drag it somewhere else but not literally "insert it" in between other stuff

IOW I'm looking for an "insert here and push everything down" option 8)
Or better yet, a way to directly edit the html before publishing :D

p.s.
I know the program is an html generator and not an html editor, but as an old school hand coder I'm having trouble finding the right combination of clicks to accomplish certain things :?

Any ideas, hints, suggestions or direct orders? (aside from "plan your layouts better" :lol:)
Thanks in advance!
User avatar
crispy68
 
 
Posts: 3018
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: How to insert image or text in between existing

Post by crispy68 »

You didn't mention how you are building the page. Are you creating a fixed/static layout or fluid layout?

If a fixed/static layout, using your example, right click on the text under image 1 and in the context menu select "all below", this will group all objects below and then you can move them down where you need them to create space to insert your image.

If using a fluid layout (where you are using grids) then simply insert the image and text into the grid (will appear at the bottom) and use the arrange tools to move it up within the grid to your desired position.

IMHO, using grids creating a fluid layout is the only way to go.
User avatar
BaconFries
 
 
Posts: 5915
Joined: Thu Aug 16, 2007 7:32 pm

Re: How to insert image or text in between existing

Post by BaconFries »

Using Layout Grids would be the way to go forward with this.
An introduction to the Layout Grid - Part 1
https://www.wysiwygwebbuilder.com/layoutgrid_part1.html
An introduction to the Layout Grid - Part 2
https://www.wysiwygwebbuilder.com/layoutgrid_part2.html
Advanced Layout Grid Features
https://www.wysiwygwebbuilder.com/layou ... anced.html
See also
https://www.wysiwygwebbuilder.com/flexgrid_part1.html
https://www.wysiwygwebbuilder.com/flexgrid_part2.html
User avatar
clara
 
 
Posts: 6
Joined: Mon Apr 25, 2022 6:25 pm
Contact:

Re: How to insert image or text in between existing

Post by clara »

Thank you both for your very helpful answers!

To answer crispy68's question - I wasn't using either (that I knew of at the time) I simply started a new page, dragged "image" to the page and inserted an image, then clicked "text" and dragged it to the page and added my text to the box. Repeat x20.

Right clicking on the text under image1 and selecting "all below" enabled me to move it all down and insert my image2 - thank you! (So now I know I was in fixed/static mode).

I will read up on using Layout Grids and use that method from here on out.

Many thanks!!! :D
Post Reply