Contact | Privacy | Datenschutzerklärung | Impressum

Editing Basics

The RADpage component editor runs in a browser window allowing you to modify pages shown in other browser windows. It is especially intended to manipulate server side dynamic components contained on these pages. You can also edit the page layout, however usual HTML editors are more specialiced for this task and can cooperate nicely with RADpage, see WYSIWYG Editing.

As soon as RADpage is started components displayed in other windows show up with colored handles. To edit a certain component click on one of its handles. The components properties show up in the RADpage window. Change the properties, simply by entering new values and pressing save.

Usage of RADpage significantly differs with the web browser being used. So there are different sections describing each version below. Note that the following text is also shown in the help menu of RADpage itself.

RADpage Quick Reference - Internet Explorer Version

To edit a page: first load the page in another browser window. The page is displayed with handles which mark the beginning and end of each component. Use View/Single handle to work with invisible handles and View/Docked to work using a single window.

To create a new page or application: Use New Page from the File-Menu. To import a HTML page: Use Import Page from the File-Menu. You need to import existing HTML pages before you can use RADpage on them. You can continue to use your favorite HTML-layout editor with the imported page.

To select a component: Make sure select is active in the Tools-Menu. Then click on the component or one of its colored handles. The object inspector will then be shown in the RADpage Component Editor window. Now you can change the component's properties. You can activate other functions in the tool-Menu.

To WYSIWYG-edit a component: double-click on the component or one of its colored handles.

To add a new component: Select a component using the Insert menu. Enter its properties and then click on a handle. The new component will be inserted immediately following the handle (if it doesn't fit there it will be inserted before the handle).

To move or copy a component: first select the component, then select Move or Copy in the Edit menu, and finally click on the destination handle. Alternatively you can use drag and drop to move a component, if enabled in the options under the Extra menu.

To Undo the last change: use the Undo function from the Edit menu. This is especially useful if a processing error occurs and you want to restore the page to its previous working state.

The Open Home page function loads your Web site's Home page. Open Outline allows you to re-arrange the manner in which your pages are grouped together for presentation.

To select the first, previous, next, or last component on a Web page: use the component selection buttons on the toolbar.

Using the tools menu you can select the action performed when clicking on a handle:

Select - Select a component for editing properties

Edit - Select a component and allow editing its content as HTML

Edit WYSIWYG - Select a component and allow editing in WYSIWYG mode of IE. Using the HTML button, you can see the HTML code generated. You can also edit the HTML code and directly see your page changing.

Move - Move the current component

Copy - Copy the current component

Move Before - Same as Move but inserts before handle

Copy Before - Same as Copy but inserts before handle

Delete - Immediately delete the component

Source - Immediately edit the source

The View menu:

All Handles Show colored handles to mark the position of components.

Single Handle Show only handles of the currently selected component.

Preview Switches off handles and editing.

Source displays the heitml source code in another window.

Edit with Std HTML Editor prepares the page for editing with an HTML editor.

Edit with Netscape Composer prepares the page for WYSIWYG editing with a Netscape editor.

Edit with HTML Editor using % prepares the page for WYSIWYG editing with an editor understanding <% ... %> syntax.

To import a Layout: press File on the menu bar above and select Import Layout. Import an HTML page as layout to reuse it as layout on multiple pages.

Add Prop.: Add an additional property to the component. For example many HTML tags accept a 'style' property. It is your responsibility to add a property the component understands.

Extend: Allows you to extend the current component by adding/overriding methods. Use this function only if you know about object oriented programming. RADpage insert a new class definition into you page inheriting from the original one. Then it allows you the edit the new class expecting you to enter method definitions.

Keyboard Shortcuts

Ctrl-S Save current component

Ctrl-E WYSIWYG Edit Current Component

Ctrl-T Content-Edit of current component

Ctrl-Q Abort editing of current component

Ctrl-C Copy Text

Ctrl-X Cut Text

Ctrl-V Paste Text

Ctrl-H Animate Handles

Ctrl-I Set Mark to insert component and save current component

Alt-Tab Switch Windows

Alt-Page-Up Go To First Component

Alt-Page-Down Go To Last Component

Alt-Up Previous Component

Alt-Down Next Component

RADpage Quick Reference - Netscape 4 Version

To edit a page: first load the page in another window. The page is displayed with handles which mark the beginning and end of each component.

To create a new page: press File on the menu bar above and select New Page.

To import a HTML page: press File on the menu bar above and select Import Page. You need to import existing HTML pages before you can use RADpage on them.

To import a Layout: press File on the menu bar above and select Import Layout. Import an HTML page as layout to reuse it as layout on multiple pages.

To edit a component: click on one of its colored handles. The object inspector will then be shown in the RADpage Component Editor window. Now you can change the component's properties.

To add a new component: click on Insert on the menu bar above and select one from the list of Generic or Application components. Enter its properties and then click on a handle. The new component will be inserted immediately following the handle. If it doesn't fit there or if you hold the ALT key while clicking it will be inserted before the handle).

To edit a component in preview mode press the Preview button in the object inspector or click on a component handle while holding the ALT-key (if drag-drop is enabled). RADpage gives you a live preview of the component while you edit its content.

To edit the content of a component, delete a component, or edit its source code: press the corresponding button in the object inspector. After editing press the Save button or use ^S (^E on some browsers)

To move or copy a component: first select the component, then press Move or Copy in the menu bar, and finally click on the destination handle. Note that version 4 and 5 browsers also support drag and drop to move a component, if enabled in the options under the Extra menu. (Just be sure to click the destination handle precisely.) Holding the ALT key when dropping a component will insert before a handle.

To Undo the last change: use the Undo function from the Edit menu. This is especially useful if a processing error occurs and you want to restore the page to its previous working state.

The Open Home page function loads your Web site's Home page.

Open Outline allows you to re-arrange the manner in which your pages are grouped together for presentation.

To select the first, previous, next, or last component on a Web page: use the component selection buttons C. Select.

The Inspector Mode (on the menu bar, right of the selection buttons) indicates what happens when you click on a handle. Initially, it shows Select (i.e. that clicking on a handle selects a component). It shows Copy, Move, or New during move, copy, and create object operations. The action selector can be changed manually. Additional settings are:

Content - Immediately edit the content

Preview - Immediately enter preview mode

Move - Move the current component

Copy - Copy the current component

New - Insert a new component

Newb - Same as New but inserts before handle

Moveb - Same as Move but inserts before handle

Copyb - Same as Copy but inserts before handle

Delete - Immediately delete the component

Source - Immediately edit the source

Between - Edit the source code before or after the component
Add Prop. - Add an additional property to the component. For example many HTML tags accept a 'style' property. It is your responsibility to add a property the component understands.
Extend - Allows you to extend the current component by adding/overriding methods. Use this function only if you know about object oriented programming. RADpage insert a new class definition into you page inheriting from the original one. Then it allows you the edit the new class expecting you to enter method definitions.

The page mode selector (on the menu bar the select box in the middle) controls how to display subsequent pages:

Edit means that pages will be displayed with colored handles to mark the position of components.

Display means the pages are displayed as they would normally appear on the Web.

Show displays a page, without handles, in a new window.

Source displays the heitml source code in another window.

Std Ed prepares the page for editing with a text editor.

HTML Ed prepares the page for editing with an HTML editor including the Composer of Netscape 6 and later.

NS4 Ed prepares the page for WYSIWYG editing with the Composer of Netscape 4.

MS Ed prepares the page for WYSIWYG editing with an editor understanding <% ... %> syntax.

The quick insert selector (on the menu bar right most select box) quickly inserts components, without using the Insert menu.

Keyboard Shortcuts

Ctrl-S Save current component

Ctrl-C Abort editing of current component

RADpage Quick Reference - Netscape 6, 7 and Mozilla version