The Telerik Platform product is retired.Learn more

The in-browser client is a browser-based IDE with basic code editing capabilities such as syntax highlighting and autocompletion and more advanced coding capabilities such as support for Emmet (Zen Coding). In the in-browser client, you can work with JavaScript, TypeScript, LESS, CSS, HTML, XML, and JSON files for your app and any XML, JAVA and Objective-C files for plugins.

Layout of the AppBuilder In-Browser Client

  1. The in-browser client shows important notifications and the name associated with your login credentials. You can quickly access the getting started tutorials, contact the support team, submit feedback or open the documentation.
    From the name associated with your login credentials, in the top right corner of the screen, you can view account, subscription, privileges and system information. You can log out from your account.
  2. From the title bar, you can navigate between the code editor and open dialogs such as Version Control and Options and you can go back to the account.
  3. From the left-hand menu you can quickly access and manage the services available for your app.
  4. From the top menu bar, you can add content to the app, save, access version control, build, simulate and publish your app.
  5. In the code editor, you can open and modify JavaScript, TypeScript, LESS, CSS, HTML, XML, JAVA, Objective-C, and JSON files. The in-browser client applies syntax highlighting to open files. To help you identify where a JavaScript code block starts or ends, the in-browser client highlights the opening and closing braces for the block. To highlight a code block, position the caret before or after the closing or opening brace.

    Block highlighting

    You can split the code editor vertically by right-clicking the tab of a currently open file and selecting Split Vertically. Any additional files will be opened in the currently active editor pane. If you close all open files in a pane, the pane will close as well.

  6. For HTML files, you can open the code editor in code, designer or split view. For more information about the Kendo UI Designer, see Developing the User Interface. From the built-in UI designer tool, you can quickly design the user interface for your Kendo UI-based mobile apps.
  7. From the Project Navigator, you can access the app assets.
  8. From the Output pane you can review or clear the log for your current in-browser client session.
  9. You can access system settings for the in-browser client from the cogwheel icon.
  10. In the top right corner, you can see your currently active branch. Clicking it opens the Version Control dialog.

The Telerik AppBuilder Helper for Chrome

AppBuilder provides a Chrome extension which enables CORS for the device simulator in the in-browser client to let you test network requests to non-CORS-compliant URLs.

The Telerik AppBuilder Helper for Chrome is not publicly available. Instead, when you run the in-browser client in Chrome and the device simulator encounters a possible CORS error, it will prompt you to install the AppBuilder Helper for Chrome.

See Also

Contact us: +1-888-365-2779
Copyright © 2016-2018, Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.