Overview of Integrated Development Environment

In Web Tools, Integrated Development Environment (IDE) provides a selection of tools for you to create or modify a Siebel object. You can access IDE through the preview mode of View or Applet Web templates in the Object Explorer. IDE helps you configure new applets and views or modify existing ones. You can also preview your changes from within IDE for the desired application. To exit IDE and revert to Object Explorer, click Close on the IDE title bar. The following table describes the various elements of IDE.

Section	Type of Editor	Description
Title bar	Both	Shows the view or applet you selected for update. It also has the Close button to exit IDE.
Form Factor	Both	Helps you view the layout in three different form factors: Desktop, Tablet, and Mobile. This helps fine tune the layout as per your requirement and visualize the result. For example, placeholders that display in a row in Desktop will stack under each other in a column in Mobile due to restricted space.
Show More/Show Less	Applet Web Template Editor	This option appears next to the Form Factor buttons and toggles to display more or less fields and columns in applets. In grid-based form applets, you can fine-tune the fields that will appear by clicking the pin icon that appears on the control/column after you move it to the form. The pin is a toggle to enable/disable a (red) border around the control and its label. The appearance of the border indicates that the control will display only during the Show More mode of the applet.
Applications	Both	Shows the Siebel applications so that you can select the application that will reflect your changes. In the Applet Web Template Editor, you can select All Applications to make your changes available to all applications. You can also select a particular application in which you want to use the applet. If you select a specific application, your changes will be available for the applet only in the selected application. In View Web Template Editor, use the preview option to view your changes within IDE. Before previewing, set the user property of the selected application. The preview displays the objects in context but without data. If you want to view the changes made in either editor with data, then log in to the actual application and submit the changes for delivery.
Library	View Web Template Editor	Lists preconfigured applets you can map to the selected view. To unmap, can click Delete (the Trash icon).
Web Template	Applet Web Template Editor	Displays all the web templates for a selected applet so that you can select to work on another web template from within the IDE itself. For each web template, this pane lists Web Controls that you can use to create a control or a column. In Controls/Columns, the pane lists preconfigured controls/columns and their labels for the applet. You can also filter on unmapped controls/columns to select a required object quickly. Note: In grid-based applets, the controls and their labels display separately under the Name (control) and Type (label) columns so you need to move them to the canvas one at a time. The difference between a control and its label is that the control has a border.
Canvas	Both	Contains placeholders to receive an object. Click the plus (+) icon to show additional unmapped placeholders. Click Delete (the Trash can icon) to unmap an object and reuse a placeholder. You can resize the canvas from both the Library and Property pane sides. Note: In the Applet Web Template, you can unmap individual web controls and controls/columns.
Properties	Both	Lists the properties of the currently selected object, web control, or control/column. If you click an empty placeholder, then this section will be blank. If you click outside a placeholder, on the canvas, then it will display the selected property of the view or applet.