Identibadge
Editor Demonstration Page 1

Read this page to obtain an overview of using the editor
Click within the displayed text below and start to type your own words. Scroll over words located within the text, then select Bold or a text color etc from the buttons displayed in the button bar.

Note: Buttons currently displayed within this version of the editor may change as the editor continues to be developed. Also, if required, this page can be set to display centered or left/right aligned within the browser window.

Users can upload their own images and place the images onto their pages. Ideally images should be correctly sized and compressed before being uploaded to the editor, although images can be selected and re sized on the page. this may slow down the rendering of the images when viewed within a regular browser window  We recomend using either The Gimp image editor http://www.gimp.org, or logging into http://www.picnik.com to edit and size your images prior to uploading them to your editor account.

You can select more demonstration pages from the page menu located at the top of the editor window.

Save your page often by clicking the save button located on the far left of the button bar (The keyboard Ctrl S will not save your page and instead attempts to save the page containing the editor application.

 When saving your page, a Saving Page message displays in the top right of the editing window although the page does not visually refresh. After saving, you can still use the Undo button or (Ctrl Z) to step back through previously conducted actions while you are still logged into the page. However, once you log out of the page the Undo function is no longer available. Therefore, only log out of your page after checking that the page contents are correct and have been saved.

To log out of the editor, click the Logout button located within the top button bar
This page shows a very simple layout for demonstration purposes only. However, any conceivable page design or layout can be provided, created and used within the editor, and if required, experienced users can create their own unique page layouts within the editor, or  can import designs which were created using other webpage editing applications.

This page layout will expand vertically as more content is added to any of the columns. Always add text and images within the designated columns, and it is a good idea to always leave some text or an image displayed within a column or text area when editing pages. The editor is currently being refined, and new features will continue to be added.

To create a text link, scroll over the word or words you wish to use to create the link. Then, with the text selected, click the lnsert Hyperlink button from the button bar and enter the full address of the website  or page you wish to link to. Set the link as http type and set the target to New Window if you want the new page to open within a new browser window when the link is clicked.

Note: Do not Select All or scroll over text that is located within multiple columns or areas and delete the selected contents, as doing this may also delete the underlying code that defines the columns and the various individual areas of the page. Instead, individually edit the text which is located within each column or page area.

If you do accidentally delete something that you wish to retain, use the Ctrl Z keyboard command to undo the action, or click the Undo button located in the top button bar until the page re displays the items which you wish to retain.
Click the HTML button located at the bottom of this window to access the underlying HTML code for the page. Click the Normal button also located at the bottom of the editor window in order to return to the normal editing view.

Various options and advanced features can be included within a client's editable pages. Depending on the nature of the individual features, some will be editable within the editor interface and some will be edited within a different interface and may only be actively displayed after the page is published and viewed in a regular web browser window.

image
Within the editor, double click the image above, to open the Image Properties window.

Many advanced editor features can be accessed by either right clicking on the page being edited, or by left clicking on the <> tags that are displayed at the bottom of the editor window after an item or area has been clicked within the page. Hovering over a displayed tag visually highlights the contents of the hovered over tag within the page. Tutorials describing the use of advanced editing features are being created.

Also, the HTML code for the current page can be accessed by left clicking the HTML button located at the bottom of the editor window. When in the HTML view, click the Normal button to re access the normal editing view. Clicking the Preview button provides a view of the most recently saved version of the page within a regular browser window.