Settings that affect individual modules. Modules are reusable content that is smaller than an entire page.

Delete: delete this module.

Save as new: create a new module with the same settings (has no effect on existing module).

Save and continue editing: save changes without returning to module list.

Close: return to page list without saving changes.

Save: save changes and return to module list.

History: list of past modifications to the module.

Name: name of module. It’s helpful to include CP if it’s meant for a computer screen or MB for a mobile screen.

Enabled: whether module can be included or not.

Always include: module will be included by default. If this is unchecked, modules can be included via page settings.

Tag: anything you like.

Screen size: the screen size with which the module is compatible.

Object ID: can be set to anything; used for additional javascript or CSS.

Section: section in which the module will be used

Illustrator file: Adobe Illustrator file used (can be empty)

Z-index: relative depth (compared to other modules). Determines which modules will be shown in front of and behind others.

Instructions: anything you like. Useful if a module requires some explanation, or to remember details associated with its use.


Modules are superimposed on the page behind. This is intentional, because it allows transparency effects in the module.

Coordinates are the same as in Illustrator: 0, 0 is the upper left corner.

Horizontal offset (px): move the module to the left or right

Vertical offset (px): move the module up or down

Position: where the module is positioned (before offsets)

Floating/Attached: whether or not the module scrolls with the page (none is useful if you will be programming the CSS manually).


Scripts settings are the same in Modules, Pages and Script Sets.

Enabled: whether or not the script will be included

Name: anything you like

Type: the type of script and where it will be included.

  • CSS: stylesheet · loaded before page
  • head JS: javascript · loaded before page
  • body JS: javascript · loaded after page
  • HTML: HTML · loaded after page
  • form: HTML form · loaded after page

Load order: determines which order scripts will be loaded compared to other scripts of the same kind.

Content: the script to be used or the name of a file in sync/SVIJA/Scripts.

Delete? the script will be deleted when the settings are saved.