Add Object

The “Add object” form is where you can add unlimited objects to your slide. Fields with sing * are required. Field ID mapping and description about each field goes following

Going back to the previous page.

Choose the type of element you need to have an object. Select one from the dropdown.

Name *:
This option expects a string like what ID takes. Lowercase, numbers, and underscore, starting with a letter.

Size *:
A nested form will pop up when you click on this field. This form takes two values as with and height of the object in pixels.

If you need to link this object somewhere, you can put the address over here. The link you introduce in this field will be applied to the object by JavaScript. So if you need the link to have the “href” attribute, you need to use the “Content” field that accepts HTML.

Content (use ‘ instead of “) *:
Content can be from any type of element that can be presented via a web browser. Videos, audios, flash files, images, texts, pure HTML, or other types. Enter it here and that’s all.

The HTML you write for the “Content” field can be styled by CSS right from here.

Positions *:
Keyframes for creating a movement for the object. You can add unlimited keyframes to an object. The response will be the movement of the object regarding the timing and easing that you choose.

Rotations *:
Rotation keyframes control the rotation of objects. The values you enter here can be integer or decimal. This value will get divided by Math.PI.

CSS Animation:
There are several preset CSS animations available for applying to the object. The form that pops up when you click on this field, helps you create a typical CSS animation value for this object.

This optional field holds comments about this object. So, you can remember it every time you see this object at the admin panel.

One or more CSS classes can be added to the object using this field.

If you prefer the object to rotate around itself, then check this option.

This object will show up on the output only when this field is in check.

X Auto-rotation *:
If you have the “Auto-rotation” checked, then you need to specify the speed value for the auto-rotation. Integer and decimal numbers are allowed.

Y Auto-rotation *:
Speed of rotation around path Y when the “Auto-rotation” option is in check.

Z Auto-rotation *:
Auto-rotation speed around Z direction, when the “Auto-rotation” option is in check. An integer or a decimal number is expected.

Save button:
Creates the object by saving the form data to the database.