Developer Tools


On your Appframe Web installation, there should be a menu with various developer commands such as the new app, edit app, article list, edit sidebar, and edit site. These commands are typically located on the profile dropdown in the sidebar.

To get a basic app up and running all you have to do is to add and configure a data source (remember to add columns) and write markup that references that data source.

Keyboard shortcuts:

  • Alt + 1 toggle source list
  • Alt + W close current tab
  • Alt + Shift + P publish

There are code editors for HTML blocks, JavaScript and CSS. You use these to change the code. Typically in most apps, most of your code will reside in HTML blocks. In the source list to the left, you can add, remove and rename HTML blocks, scripts, stylesheets, data sources and stored procedures to your app. The File menu allows you to bring up app various things, such as getting to the app settings (including app history).

Code Builder

A powerful tool, especially if you are new to Appframe Web 2016 is the Code Builder. This is a tool based on the specific data sources for your app can generate usable markup.

Site setup

The Site setup is where global settings for your whole site are set up. For most Appframe installations the changes you need to make here should be minimal. Changing the sidebar or mega menu is not done here. That is done with an edit sidebar or edit mega menu command.

Use Alt + 1 to toggle source list.

Debug tools

  • /api/debug/status (tries to detect configuration errors and tests filestore)
  • /api/debug/cache (for cache control)
  • /api/debug/assemblies (lists all currently loaded assemblies grouped by category)
  • /api/debug/errors (a live error listener that will instantly get errors as they happen on the server)
  • /api/debug/profiler (a live profiler listener similar to the profiler app in winforms)
  • /api/debug/trace (a live trace listener similar to the output window when attached in visual studio)
  • /api/debug/razor (lists all compiled razor code - be articles, templates, html blocks or form panels)
  • /api/debug/placeholders (list of all available placeholders and their parameters)
  • /api/debug/routes (list of all published route handlers)

Related articles

Placeholder "LocalizeWeb2016" failed