Category:Elements

From Wiki openElement
Jump to: navigation, search

Watch the [video tutorial].

Contents

What is an Element?

Elements are web objects with various functions and features that users can select and insert on web pages. Each element has a different purpose in building a web page, and each has its own set of CSS properties users can customize.
Examples of elements include: Image, Multi-Line Text, Horizontal Line, Accordion Menu, Hidden Block of Code and others. (see the complete list of elements below)

Incorporating an element on a project page is simple. Just drag-and-drop the element to its desired position on the page (Tip: use the arrow keys to move it one pixel at a time). That's it! The element is now active and ready to be configured.
There are several types of elements: Visible Elements (i.e. Image or Text Link) that contribute to the visual look and feel of the web page, and Non Visible Elements (i.e. Hidden Block of Code or Send by E-Mail) that are not displayed on the page, but perform their function behind the scenes.


Elements Menu
(1)Element List
(2)Categories

Add to Page

All elements can be placed on a page via drag-and-drop from the elements menu.

Note: The element's drop zone must be active (shaded yellow)
Element Ajout.png


Configuration

Configuring an element consists of either:

  • Entering data necessary for it to work. For example: adding the destination e-mail address in the element Send by E-Mail.
  • Or modifying its behavior. For example, changing the scroll-speed of images in a Horizontal Image Carousel.


Configure Standard Element
Configure Hidden Element

Properties Shared By All Elements

Certain properties are present across all elements (except for the page)

Element-Configuration01.png

  • (1) How the element is displayed in the page's element list. Made up of the name given to the element and its unique identifier.
  • (2) Description of the selected property.
  • (3) 'Common' Category
    • Tooltip: Text that appears on the screen when the cursor rests on the element for a few seconds
    • Name: Name given to the element on the page (user-assigned, must be unique)
  • (4) 'Misc' Category
    • ID: Element's unique identifier (system-generated) within the project
    • Position: Position type of the element on the page (2 options: absolute or relative)
    • Type: Type of element

Note: The 'Misc' category is there for reference purposes only. These properties are not modifiable

Design

  • Element style presets
  • Customization
  • Advanced customization

Categories

Standard

Navigation

Containers

Media

Form

Animation

Google Maps

Interactivity

Community

Security

Statistics

Various

Personal tools
Namespaces

Variants
Views
Actions
openElement
Community
Toolbox