Building a Web Page - Adding Elements to the Page
This page describes adding Elements to a Page, one of the steps to be followed when building a web page. Please refer to the following pages for details about each step in this process:
Notes:
- The terms "Page" and "Web Page" in the application and in this documentation both refer to records in the Page register and are interchangeable. The terms "page" and "web page" (lowercase) refer more generally to a page in a browser i.e. it is what you will construct using a Structure, a Page, one or more Elements and text, images and other content.
- All the settings and registers mentioned are located in the Webshop and CMS module unless otherwise specified.
---
A Page is a list of the Elements that you need to appear on a web page. After adding the Page itself, you can go on to add Elements to that Page.
You can add an Element to a Page using the following methods:
- Open the Element register and add a new record. After saving, return to the Page record and use 'Paste Special' from the Web Element field in the first empty row on the 'Elements' card to select the new Element record. Save the Page record to confirm the link.
- Working from the Page record, open 'Paste Special' from the Web Element field in the first empty row on the 'Elements' card and press [New]. After creating the new Element and saving, the Element window will be closed and you will be returned to the Page record. The Code of the new Element will have been entered in the Web Element field automatically. Save the Page record to confirm the link.
- When creating a new Page record, you can specify a Web Element that doesn't yet exist. You can then go on to create the Web Element ensuring that you use the same spelling for the Code.
You can re-open an Element record from the Page record at any time, by placing the insertion point in the Web Element field in the relevant row and using the F2 (Windows) or ⌘-Shift-V (macOS) keyboard shortcuts.
When creating a new Element, fill in the following fields:
- Code
- As well as being a unique identifier for the Element, the Code can be a brief description of the Element. This will help with the management of complex websites.
- Comment
- Enter a name for the Element record, to be shown in the 'Web Elements: Browse' window and the 'Paste Special' list.
- Log access to this element
- Select this option if you would like views of the element to be recorded in the Statistics register. Please refer here for details.
- Div ID, Div Class, Style
- By default, each Element in a Page will be contained in its own <div>, as follows:
- <body>
- <div>First Element</div>
- <div>Second Element</div>
- ...
- </body>
- Use the Div ID, Div Class and/or Style fields if you need to assign an ID, Class and or Style to the default <div>:
- <body>
- <div id="first_element_id" class="first_element_class" style="first_element_style">First Element</div>
- <div id="second_element_id" class="second_element_class" style="second_element_style">Second Element</div>
- ...
- </body>
- Don't wrap in <div>
- As mentioned above, each Element will be contained in its own <div> by default. Select this option if you do not want an Element to be wrapped in a <div>.
- You should select this option in an Element that is to appear in the "HTML Head" Rel. Position (please refer here for details).
- Wrap Content in Extra <div>, Extra Div ID, Extra Div Class
- If you need to wrap the Element in an extra <div>, select the Wrap Content in Extra <div> option. The result will be as follows (assuming you have not selected the Don't wrap in <div> option):
- <body>
- <div>
- <div>First Element</div>
- </div>
- <div>
- <div>Second Element</div>
- </div>
- ...
- </body>
- Use the Extra Div ID or Extra Div Class fields if you then need to assign an ID or Class to the new <div>:
- <body>
- <div>
- <div id="first_element_extra_div_id" class="first_element_extra_div_class">First Element</div>
- </div>
- <div>
- <div id="second_element_extra_div_id" class="second_element_extra_div_class">Second Element</div>
- </div>
- ...
- </body>
- Specifying an Extra Div ID or Extra Div Class will have no effect if you have not selected the Wrap Content in Extra <div> option.
- Type
- Paste Special
Choices of possible entries
- Use 'Paste Special' to specify the Type of the Element. For a page such as a home page that will contain static text and HTML, the Type should be "Plain HTML". Please refer to the following pages for descriptions of the other options:
- [New Translation]
- This button is described on the Adding Text and Images page.
Please refer
here for details about positioning Elements on a Page, and
here for details about adding contents to an Element.
---
Building a web page in Standard ERP:
Go back to: