Webpage Components 

  Documentation | Webpages  | Webpage Components

This page shows you all the available web components and provides some extra information on how they work. You have a few to choose from when adding components. All these components display automatically well on either big or small screen.

 You can use any of these components by selecting the edit option and filling out the desired styles, then click save. 



Accordion is a list of headers that can be clicked to reveal or hide associated content. You can click to see more information, or you can put as much or as little information as required in this type of component.

 Call to Action 

An image on the left or right and and a text area with an optional button.

This is useful if you want an image in the left or right, some text and optionally a button that links to somewhere, including in a new window if required.


Example of Call to Action

 Different style cards and different sizes (if you use size 4/12 you can get 3 cards nicely in a row. If you use size 3/12 you can get 4 cards nicely in a row. There’s also a type of card where it has very little text in it. This theme is called ‘light’. 

It has a button which is optional and along with styles, this control you can add a pre-built theme which is from bootstrap 4.

Example of Card

Here is some text.

It is a component that lets you add any control you see on the page to a carousel, which is a full page scrolling control.

Useful if you would like several heros on a main landing page.

Contact us

352 days 13 hours 28 minutes 34 seconds

Disclaimer: This is not a medical site. * enter the disclaimer information here *

public function helloworld(){
alert('hello world');

Hero 2.0First slide

Hero 2.0

Example of Icon Card

This is a rocket icon from here.


Use live statistics


Creating a Web Page

details about web page and how to create one

Read More

Setting Security (Roles)

details about how a web page can add security

Read More

Name and URL

details on how to choose a name and url

Read More

Changing Order (Switch to Page List View)

details on how to change order

Read More

Enabling or Disabling a Page

details about enabling or disabling a page

Read More

Including in Main Menu

details how to include page in main menu

Read More

Using the Main Footer

details about using the main footer

Read More

Creating a Folder

details about creating a folder

Read More

Animations and Layout (CSS)

Details on how to add animations to any control, as well as use CSS to control other styling such as padding and margin.

Read More

Moving Webpage Components (Drag and Drop)

details on how to move webpage components using the drag and drop

Read More

Enabling or Disabling a Web Component

details on how to enable or disable a web component

Read More

Custom Styles (Colours and Fonts)

details about custom styles, colours and fonts

Read More
Failed to load PDF file.

1 of

powered by mition