Below is a copy of the tools available within the web builder. Click on each for the relevant help files:
Adding content areas (div tags) within a page
Content boxes (to web developers known as div tags) allow you to place ares of separate content within a page. You can chose to have these set at percentage or pixel widths and whether or not you wish them to scale to
Use the 'Add Content Box' icon to add in a new content area within the page. When you click on it, you get to the following screen:
Decide on a name - one, two or three words, no special characters like !, @ or ? and keep it unique, so that the system can pick it up again later. If you want more than one box in at a time, then write how many you require. Next choose the width in percentage or pixels. Percentage is best but not vital. Remember if you're putting more than one in and want to fill teh width of teh screen, divide 100% by the number and take a couple of percent off each box, as that will allow for padding and borders. For instance, adding three boxes at 33% and you will get two on one line and one below.
Generally, you'll leave the height alone and not worry with altering the position (left is standard for multiple content boxes) unless you wish to have a content box sitting within text to the right.
The 'Hidden' box is only there for templates, where in some views on mobie resolutions you may wishto hide a particular content area. For instance, you might wish to hide a large image.
Tip: If you get any of the settings wrong or wish to change them, don't panic! Save the page, and click the edit content boxes drop down:
This will allow you to select each of the boxes and alter the settings.
If you click on advanced, you see the following new options appear:
Here the options are relatively self explanatory, such as border width, colour and thickness. Again, selecting colour brings up an option to choose or add your own colour reference into the box provided.
NB borders only show when you preview or publish the page. Save the page before doing either of those things.
'Is box Sticky' is an option that allows a content area to scroll up as the page is browsed and 'Stick' to the top of the page, with other items scrolling below them. Only one can be used on a page (including template usage). Be careful to test for mobile and note that it will become 100% of the screen width if it is set that way within the page, when it reches the top and breaks out of the template. Main use for this is to stick a menu or special offer to the top of the page. Again, test it well, especially on mobiles!
'Place after' is used to chose where a NEW content area or areas are to be placed on a page if you haven't chosen by placing the caret at the relevant point on the page. It will list any content areas on a page and you can chose froma drop down listof where you want it to be. This is particularly uiseful if you cannot locate how / where to put your content box in relation to others.
'Mobile scaling' is set to yes by default and allows the content area to scale to 100% of the width available on mobile devices, provided a mobile ready template is being used. Switching this to 'no' is seldom used, but you may do if you want a specific width in percentage or pixels.
NB Take care on mobiles not to make the contentbox wider than the view. Test it on a mobile!
Last update: 29.03.2017