Click the Design tab to edit a layout page in Iron Speed Designer. Go to the Preview tab after editing the HTML text to see a preview of the page with your changes.
It’s easy to customize web pages, regardless of whether they were initially created by the Application Wizard or whether you added them by hand.
Use the Design tab for editing your application’s layout pages.
|
|
|
Click the Design tab to edit a layout page in Iron Speed Designer. Go to the Preview tab after editing the HTML text to see a preview of the page with your changes. |
Iron Speed Designer gives you the ability to quickly edit a layout page:
Drag and drop controls within a page to change their position.
Drag new components from the tool box onto the web page.
Right-click any component to see a list of available editing options and other commands.
Click Configure… to edit more complex panels.
Once an edit is complete, click to the Preview tab to see the result.
At heart, the Design tab in Iron Speed Designer is an HTML table editor. Understanding this makes it easier to understand how to use the editor and will make your experience much more pleasant.
Tip #1: Dragging into an existing cell is easy. If you want to drag a label or field into an existing cell, just click it with your mouse and drag it to the new cell and release the mouse. The editor will place the control in its new location and redraw the page. It’s that easy!
Tip #2: Create a new row or column first. In many cases, you’ll want to add or move a control to a place on the page that doesn’t have an HTML cell. Before adding or moving controls, add the HTML cell first by right-clicking and adjacent sell and selecting “Insert HTML à Insert column…” or “Insert HTML à Insert row…”.
For example, to create a two column layout for a record panel, click the panel’s existing single cell to select it. Then, right-click and select “Insert HTML->Column at right”. This adds a column to the right. Next, Ctrl-Click the various fields and labels you wish to move to the newly created column at the right. Finally, drag them to the new column or click the right-arrow button to move them right.
Tip #3: Move several controls at once. You can Ctrl-Click and Shift-Click to select groups of controls. Once selected, you can drag them en masse to a new location. This is much quicker than dragging each control one-by-one.
For localized HTML editing, select the HTML Quick View window in the View pull-down menu to display the HTML Quick View window on the Design tab. As you select individual components and panels in the Design tab, the associated HTML will be displayed in the HTML Quick View window. You can change the localized HTML using the HTML Quick View window.
For page-level HTML editing, click the Edit tab at the top of the screen to display the HTML editor. The entire page’s HTML will be displayed. You have full access to the page’s HTML and can edit as you would normally.
This option offers significant potential to make the page your own, allowing you to reposition the generated HTML and code generation tags at the HTML level. You can add additional code generation tags, remove tags, and reposition tags.