![xojo web browser xojo web browser](https://alwaysbusycorner.files.wordpress.com/2020/08/image.png)
In the Library, click on the ListBox and drag it to the top-left corner of the Layout Editor.First, you need to add a TaskList (ListBox) to the web page. You can click on individual tasks in the list to delete them or mark them as complete.ĭesigning the User Interface Creating The Task List In this tutorial you will create an app to track tasks, called "Task Manager." When finished, the Task Manager app will let you enter tasks in a field then click the Add button to add them to the Task list. The contents of the Inspector changes as you click on different items. The Inspector shows information about the selected item in the Navigator or Editor. You can show the Inspector by clicking the Inspector button on the toolbar. This area of the window is shared with the Library. Inspector: Not shown in the above image is the Inspector, which allows you to see and change the various attributes (the height, width, name and more) of any control you've added to your webpage. If the Library is not visible, click the Library button on the toolbar to show it. You can customize yours by clicking on the small gear icon near the top-left corner of the Library and then choosing a different setting. If your Library looks different than the one above, that's because it was set to show icons only. You can also add a control to the web page by double-clicking it. You design the web page by dragging controls from the Library to it. Library: The area on the right is the Library and shows the controls and interface elements that you can add to a web page. The Editor Area however can also show other kinds of editors for editing code, icons and other things you might use in a project. In this image, the web page is blank because you haven't yet added any user controls. It shows the web page and previews how it looks when the app runs in a web browser. You use the Layout Editor to design the user interface for the web pages in your app. Currently it's showing the Layout Editor.
![xojo web browser xojo web browser](https://i.ytimg.com/vi/dGCjf5QphSQ/maxresdefault.jpg)
Use the Navigator to navigate within your project.Įditor: The center area is the Editor Area. By default you can see Web (which is selected), the App object and the Session object. Navigator: The area on the top left shows you all the items in your project. Choose Web, since we're building a web app, and press OK.After it loads, the Project Chooser window appears. This is what the completed app will look like: Once you have completed the Web Quickstart, this tutorial will walk you through creating a more intermediate web app, a Task Manager. With the IDE, you can build your app's interface by dragging and dropping interface objects onto the app's web pages and dialogs. Xojo is a cross-platform integrated development environment (IDE) that is made up of a rich set of graphical user interface objects, the modern object-oriented Xojo programming language, an integrated debugger, and a multi-platform compiler. 2.9 Finding and Fixing Bugs: The Fine Art of Debugging.2.5 Customizing Controls with Properties.2.3 About the App You Are About to Create.