


You can change how the controls display in the Library by clicking the small gear icon  and choosing a different setting. You can also add a control to the window by double-clicking it. You design the window by dragging controls from the Library to the window. Library: The area on the right is the Library and shows the controls and interface elements that you can add to a window or to the project. In this illustration, the window is blank because you haven't yet added any user interface controls from the Library.

It shows the window and previews how it looks when the app runs. You use the Layout Editor to design the user interface for the windows in your app. Layout Editor: The center area is the Layout Editor. You use the Navigator to navigate within your project. By default you can see Window1 (which is selected), the App object and the MainMenuBar object. Navigator: The area on the top left shows you all the items in your project. Xojo opens the Workspace with the default window for your app selected in the Navigator and displayed in the Layout Editor. Click OK to open the main Xojo window (called the Workspace), where you will begin designing your app.You can leave Company Name as it is or change it. Enter "SimpleBrowser" as the Application Name.It will automatically populate using what you enter for the Application and Company Names, but you can also change it to whatever you want.

Application Identifier is a unique identifier for this app.Company Name is the name of your company.This will be the filename of the actual app file that gets created. Application Name is the name of your app.You should now see three fields that need values: Application Name, Company Name and Application Identifier.For this QuickStart, you are building a Desktop app, so click on Desktop. Xojo lets you build several different types of apps (Desktop, Web, Console and iOS).After it finishes loading, the Project Chooser window appears. Double-click the Xojo app icon to start Xojo.If you haven’t done so already, now is the time to start Xojo. 3.2.6 Setting the Properties for the HTML Viewer.3.2.5 Setting the Properties for the Button.3.2.4 Setting the Properties for the Text Field.3.2.3 Setting the Properties for the Window.
