Developer Tools


On your Appframe Web installation there should be a menu with various developer commands such as 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 allow you to bring up app various things, such as getting to the app settings (including app history).

Code Builder

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

Database Manager

Database Manager allows you to test, inspect, create and modify: tables, views, triggers and stored procedures. You can also simply run queries. More info...

DB Updater

DB Updater allows you generate SQL updates in development database and apply them in destination database. DB Updater is only available in Pims365-based Appframe installations so far.

How to target a database as update source?

In a source solution reach into /api/sqlupdate/listentome.sql for example This will generate SQL that you can run in your solution. After running generated script your database will be configures to listen to the source database as a compatibility source.

Site setup

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 a edit sidebar or edit mega menu commannd.

Use Alt + 1 to toggle sourcelist.

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)