Simplify|CMS - help center

Help center | Video tutorials | FAQ | wApplication help | Forum

Simplify Help - A guide to using our innovations for your success.

Edit Pages:

Insert an image in your page
Insert links in your page
Adding a page
Formatting text in your page
Copying and pasting in your page
Undo or redo your changes
Using styles in your website to format text
Adding or editing your stylesheet or CSS
Changing the layout of your pages using tables
Save a layout and use it in your pages
Viewing and editing HTML code of a region

Insert an image in your page
To insert an image in a page, you have to do the following:

Click on the region in your page where you want to insert your image. Be sure to place the cursor in your page exactly where you wish your image to be added.
Click on the Graphics panel in the left to open it.
The Graphics panel will open with thumbnails of the images in your website.
By default, the Graphics panel will show you the images in your root folder.
To search for images that you have in your website, click on the Show dropdown and select the folder you wish to view from the tree.
Drag and drop the image you wish to insert from the Graphics panel to your page.
To insert an image that you have on your computer, click on the Browse button at the bottom of the Graphics panel. Note that the image will be inserted in the folder you see in the Show dropdown.

Insert links in your page

You can insert 3 types of links in your pages

An email link
A hyperlink
An anchor

Steps to inserting the links:

Click on the region in your page where you want to place your link.
Select the content (text or image) that you wish to set as a link.
Click on the Links and Anchors panel on the left.
Click on the link button .
A Link pop-up will open in a new window.
To specify where you want your link to open, click on the Target tab. In the Target combo box, select where you want your link to open. It could be a pop-up window, a frame, or the same window.
If you select a pop-up window as your target, you will be requested to fill in the properties of this pop-up.
To select the link type, just choose one from the Link Type combo box under the Link Info tab.

If you select the URL:

Select the protocol (usually http://) and insert the URL in the appropriate fields and then click on OK.
To link to another page or file in your website, simply leave the protocol as other, and click on the Browse Server button to browse for the page you wish to link to.

If you select the email link:

Insert the email address, subject and body in the appropriate fields. Click on OK.

If you select a link to an anchor in this page:

Select the right anchor from the drop down and click on OK.

Remember that before using this option, you should create the anchors in your page by placing your cursor where you would like to add your anchor and clicking on the anchor button in the Links and Anchors Panel. You should give a descriptive name for your anchor (Example: Top, bottom, etc…).

Adding a page
You may decide to add a page to expand your website and especially after you have uploaded templates into your website. This will help you add pages to your project with the overall look and feel of your project maintained.
To start:

Click on the Edit button from the control panel.
Click on the ***New Page*** tab at the top of your screen (next to the File Manager tab).
On the right part of your screen you will view the templates available in your project.
On the left part you will see all the folders that you have in your project structure under the File Manager panel.
To add a new page, simply drag and drop the template (by dragging on the white bar at the top) that you want to create a page of into whichever folder you wish to create it in. Check the below image to see how the drag and drop works.
You will be redirected to a page that contains fields to be filled for the new page. In that page you should fill in the page name, page title, keywords, and description.

The page name is filled automatically by the system but you can change it to be whatever name you wish your page to have.
The page title is the title of your page that will appear at the top of the browser once it is being viewed.
Keywords allow search engines to find your pages better. Write one-word or two-word keywords and separate them with a comma.
You can fill in the remaining properties according to preference.

Once you’ve filled out the information for your new page, click on Save.
Your page will be created and this new page will open in a new tab so that you can edit it.

'How to add a page' Video Tutorial - Click here to watch.

Formatting text in your page
To format the text in your page, Simplify offers you formatting tools very similar to any easy text editor. To format the text:

Click on the region in your page where you want to change or add formatting to your text.
Click on the Formatting panel in the left pane. Note that the Formatting panel is always open until you choose to close it.
To change the font and size, use the Font and Size drop down fields.
You can use bold, italic, underlined, strike through, superscript, subscript to change your text formatting.
You can also change the background color, text color, indentation, and justification of your text blocks.
To add lists, use the bullet listing or the number listing.

Copying and pasting in your page
When creating or editing a website, one usually has the text changes typed in a Word document before adding it to the website. To accomodate this, Simplify offers the Cut Copy Paste panel.
To use it:

Click on the region in your page where you want to copy, paste, or cut text.
Click on the Cut Copy Paste panel in the left pane.
Use the cut, copy, paste buttons for text within your website.
However, if you are pasting text from an outside text editor, we suggest you use one of the buttons:

Paste from Word : This option allows you to keep or remove formatting that Word adds to your text. If you decide to keep the Word formatting, this option will make sure it cleans it up into proper html code.
Paste as Plain Text : This option allows you to remove all formatting from text. This is especially useful if you want to add your own formatting to the text and makes it easier to apply new styles.

Undo or redo your changes
Many of us do a change while editing and then decide to undo it. To do so:

After doing some changes in a region in your page, you may decide to undo or redo some changes.
Click on the Cut Copy Paste panel in the left pane.
Use the undo and redo buttons to move forward and backward in your list of changes.

Using styles in your website to format text
Simplify allows you to use styles from your website to format your text with. These styles are predefined formatting that Simplify reads from the website's stylesheet or CSS.

Use styles that you have in your stylesheet to maintain the look and feel of your website:

Click on the region in your page where you want to change or add a style to your text.
Click on the Styles panel in the left pane.
Select the text in your region that you wish to add a style to.
From the Styles dropdown, select the appropriate style.

Adding and editing your stylesheet or CSS
Styles are a good way of organizing the different formatting that you want to use in your website. Your website usually comes with a CSS file or stylesheet. Simplify gives you the ability to edit the styles in this file and even adding to it.

To do so:

Click on the Styles panel in the left pane.
Click on the CSS editor button .
A dropdown containing the different CSS files in your website will open.
Select the CSS that you wish to edit or add to.
A popup window will open with the CSS editor.
Click on Edit to edit a certain style. Note that when you edit a style, all text occurences of this style will change once the CSS file is synchronized with your online website.
Click on Delete to remove it from your CSS.
To add a new style, click on the Add New Style button and follow the step by step wizard to add a style.
Click on Save after you are done with the changes to your CSS file.

Changing the layout of your pages using tables
When editing a page, sometimes you wish to change its layout. An example would be to have text adjacent to an image or three rows of text. You can change the layout of regions in your page by using tables.

To add a table:

Click on the region in your page where you want to insert a table.
Click on the Layouts/HTML panel in the left pane.
Place your cursor where you want your table to be inserted.
Click on the Insert Table button.
A pop up will open prompting you to fill in the table properties. This includes the number of rows, columns, width, height, etc...
After the table is inserted, add text, images and format it the way you like. To make your table invisible, right click on it, select table properties, and set the border value to 0.

Save a layout and use it in your pages
Sometimes you create the perfect layout. A layout could be a table, a fixed text, a menu, or any part of your page that you wish to reuse for all your pages.

To save this layout, and reuse it across the pages in your website:

Click on the region in your page where you have the layout that you wish to save.
Select the layout and copy it by using the copy tool or CTRL + C.
Click on the Layouts/HTML panel in the left pane.
Click on the Add Layout button.
A pop up will open prompting you to paste the content of your layout in the appropriate field.
Give a name for your layout that helps you identify it later on.
Click on the Save button to save your layout.
You will see that your layout has been added in the Layouts/HTML panel.
To add it in other pages, simply open this panel and drag and drop your layout to the appropriate spot.

Viewing and Editing the html code of a region
Sometimes you require access to the html code of a certain region in your page. Simplify allows you to view the html code and edit it:

To do so:

Click on the region in your page whose html code you wish to view.
Click on the Layouts/HTML panel in the left pane.
Click on the View Source button .
A pop up containing the source of the region will open. You can edit it and then click on Ok to apply your changes.

Menu