Pages

Pages

If you have created a layout, you can then create a page. Each page has a link that can be viewed by the website visitor. A page can be linked to a layout in e-Captain. A page, just like the layout, consists of one or more rows and columns. As a result, a page can also have its own layout. After making the first page you can publish it and view it online.

• In the main menu, select Website management 2.
• Click on the item Pages in the submenu.

	Add	Add page
	View	View page
	Edit	Edit page
	Delete	Delete page
	Properties	Page properties

Page content

When creating a new layout, e-Captain adds a row. It is the row System: page content. The layout you create can be linked to a page. In this row comes the page content.

Basic definitions pages

We use a live website demo for the example so that you can see what happens in the page, the layout and the text.
live website demo

• Click on the icon to create a new page.
• Specify a title for the page. The direct URL is created immediately.

• Click Continue to create the new page.

Navigation

The upper bar shows a summay of your page with the name, URL, and a few shortcuts.

• Click Settings to change the settings.

All changes in the page editor are done in draft mode. This means that an adjustment can not be seen live on the website.

• You can view the concept in the meantime via the button.
• Use the Publish button to make the changes page online.
• If you want to undo the draft adjustments, you can click the Undo button.

How the page screen works: add row

Just below the navigation bar, there is a line with two green blocks, New widget and New row.

• Move your mouse over the green block  New row. You will see that the mouse pointer changes to an   icon.
• Keep the left mouse button pressed in and drag the green blow New row down to where you want to place the new row.

• Release the left mouse button where you want to place the new row.
• A pop-up screen appears in which you can choose how many columns the row should have. 
  
  

 In this example, the row is divided into three columns.

Working of the page: Adjusting column width

The page screen shows a number of rows.  These rows can be divided in 12 columns maximum. This does not have to bee the same as the rows above.

• The width can be adjusted by holding the mouse pointer above a column edge. 
• Hold the left mouse button and drag the column sideline to the left or right, to create the layout you had in mind.

Working of the screen page: Add widget

After creating a new page, adding the rows and linking a theme, we will dress up the page. This is done in e-Captain using widgets. e-Captain contains many different widgets. You can drag a widget to a column to place it there. For example, if you want to write a piece of text, drag a text widget to the appropriate column and a text editor will appear where you can write the text. If you want to put an image in a column, drag an image widget to the right place.

Just below the navigation bar, there is a line with two green blocks, New widget and New row.

• Move the mouse over the green block New Wedgit. You can see the mouse pointer change to an   icon.
• Hold your left mouse button and drag the green bock New Widget down to where you want to place the widget on your page.
  
  
  

• Release the left mouse button at the location you want to place the new widget.
• A pop-up will appear where you can assign the type of the widget.

• Click on the widget you want to use. In this example, a text widget is added to the column.

Link a theme

Page theme

• Click the icon behind the theme.

• In the right part of this screen you will see an example of the selected theme.
• Select the right theme and click the Save button.
• The theme will now be linked to the page.

Page row/column theme

To give a column/row a diffrent theme, click the  icon on the lower right side of the concerning row. 

This makes it possible to use different themes within the created page or layout. 

Move widgets and rows

It is possible to move the individual rows within the layout.

• Move your mouse to the row you want to move.
• A menu appears at the bottom right of the row
• Click on the drag icon and hold down the left mouse button. Now you can move the row within the page. Widgets that are placed in an existing row that are moved along.
• Release the left mouse button at the location where you want to place the row within your layout.

You can also move widgets within the page. Widgets can be moved within the row, but also to another row. Multiple widgets can be placed in the same column.

• Move your mouse over the widget you want to move.
• You will see that the mouse pointer changes to a drag icon.
• Hold down your left mouse button and drag the widget to a column where you want the widget in your page.

Page status

In the page overview there is a colored icon for the name of the page. This icon indicates whether or not the page is live and published.

	Green	Page is live, there are no changes made in this page.
	Orange	Page is live, there are unpublished changes.
	Red	Page is not live. The page must be published first

Page characteristics

By clicking the  icon, you can change the characteristics of the pages.

Secured pages

After creating the link in the menu, the page has yet to be made and the groups that have rights are added to the page.

• Go to Website Management 2 in the main menu.
• Go to the Pages item.