Introducing App Explorer

New tooling in the App Studio 2025

Labels
AJAX(112) App Studio(9) Apple(1) Application Builder(245) Application Factory(207) ASP.NET(95) ASP.NET 3.5(45) ASP.NET Code Generator(72) ASP.NET Membership(28) Azure(18) Barcode(2) Barcodes(3) BLOB(18) Business Rules(1) Business Rules/Logic(140) BYOD(13) Caching(2) Calendar(5) Charts(29) Cloud(14) Cloud On Time(2) Cloud On Time for Windows 7(2) Code Generator(54) Collaboration(11) command line(1) Conflict Detection(1) Content Management System(12) COT Tools for Excel(26) CRUD(1) Custom Actions(1) Data Aquarium Framework(122) Data Sheet(9) Data Sources(22) Database Lookups(50) Deployment(22) Designer(178) Device(1) DotNetNuke(12) EASE(20) Email(6) Features(101) Firebird(1) Form Builder(14) Globalization and Localization(6) How To(1) Hypermedia(2) Inline Editing(1) Installation(5) JavaScript(20) Kiosk(1) Low Code(3) Mac(1) Many-To-Many(4) Maps(6) Master/Detail(36) Microservices(4) Mobile(63) Mode Builder(3) Model Builder(3) MySQL(10) Native Apps(5) News(18) OAuth(9) OAuth Scopes(1) OAuth2(13) Offline(20) Offline Apps(4) Offline Sync(5) Oracle(11) PKCE(2) Postgre SQL(1) PostgreSQL(2) PWA(2) QR codes(2) Rapid Application Development(5) Reading Pane(2) Release Notes(184) Reports(48) REST(29) RESTful(29) RESTful Workshop(15) RFID tags(1) SaaS(7) Security(81) SharePoint(12) SPA(6) SQL Anywhere(3) SQL Server(26) SSO(1) Stored Procedure(4) Teamwork(15) Tips and Tricks(87) Tools for Excel(3) Touch UI(93) Transactions(5) Tutorials(183) Universal Windows Platform(3) User Interface(338) Video Tutorial(37) Web 2.0(100) Web App Generator(101) Web Application Generator(607) Web Form Builder(40) Web.Config(9) Workflow(28)
Archive
Blog
Monday, April 7, 2025PrintSubscribe
Introducing App Explorer

App Studio 2025 introduces significant enhancements to the Code On Time development environment, focusing on streamlined app customization and improved user experience. Key features include the “App Explorer”, which combines a hierarchical view of app configurations with the Properties Grid, offering both horizontal and vertical layouts, as well as a table mode for easier navigation. “Live Inspection" allows developers to directly interact with the live application UI to select and modify configuration elements, while “Global Search” enables querying across all configuration hierarchies. Additional features such as “Background Inspection”, “Peek Through”, and “Auto Complete” further enhance the development workflow.

The App Explorer provides a tabbed interface for quick access to different configuration sections like Settings, Models, Controllers, and Pages, and it supports both tree and table views with breadcrumb navigation. Live Inspection simplifies the process of locating and modifying configuration elements by clicking on the UI, with background inspection and pulsating icons indicating corresponding UI elements. Global Search allows for comprehensive searches across the app configuration, including specific terms and related items, with search results displayed in a list with full paths and element types.

Transform your app development workflow with the all-new App Studio 2025! Unlock powerful features like Live Inspection, Global Search, and the innovative App Explorer. Ready to revolutionize your development process? Dive into the details and learn more about App Studio 2025 now!

Upcoming features planned for future releases include a standalone mode for launching apps directly from the App Studio homepage, an Assistant panel that provides contextual information and guidance, and a Toolbox panel that facilitates the creation and transformation of UI elements. The API View will also be introduced, allowing developers to work with RESTful APIs of Code On Time applications. These updates aim to enhance the developer experience, streamline the workflow, and make the powerful configuration options of Code On Time more accessible to both new and expert users.

image1.png
The provided screenshot displays the App Explorer following a live inspection of the "Product Name" column header. The image shows the attached hierarchy and properties side-by-side, with the "Label" property of the "ProductName" field selected. A brief description explains the property's purpose. Tabs within the title grant quick access to "Settings", "Models", "Controllers", and "Pages". The right side of the title contains buttons for "Search", "Display Hierarchy as Table", "Split Vertically", and "Close".
image3.png
The ability to view key node properties in a table format is incredibly useful. Clicking on a cell within the table rows will highlight the corresponding node in the Properties Grid and focus on the property associated with that cell. Boolean properties are displayed as checkboxes, allowing you to toggle the property value simply by clicking on them. Click the “Display Hierarchy as Tree” to switch to the standard navigation.
image2.png
Finding application configuration elements is easy with App Studio's built-in search feature. Simply click the "Search" button located in the top toolbar of the studio, and enter your search terms into the provided prompt. The search icon within the prompt will pulsate to indicate that the search is in progress. Results will be displayed as a list of hierarchy nodes, each with its full path, including the hierarchy itself. Select any node to view it in the App Explorer.