Last modified on 14 June 2018, at 09:43

Developer Mode

Revision as of 09:43, 14 June 2018 by JKN (Talk | contribs)

Overview

The developer mode provides certain features to help customizing the UBIK® UI and is therefore only meant to be accessed by project engineers and developers.

Stages

The developer mode can be reached by hitting F12. When hit for the first time, developer mode is in Stage 1, when hit again it will be in Stage 2. When hit for the third time, developer mode is switched off again.

Stage 1

If there are lists currently displayed, the templates of the list items will be highlighted.

Stage 2

The area templates will be highlighted; if there are lists currently displayed, its item templates will not be visible.

Features

In developer mode, all templates on a certain page will be highlighted as a crossed-out green area with two buttons. The top button allows to edit the XAML file behind the respective area, and the bottom button allows to browse the properties, methods and commands of the underlying ViewModel.

XAML Files

When pressing the button with the name of the XAML file, the following will happen:

  • If this template doesn't have a customized XAML file yet, {{UBIK}0 will copy its default XAML definition into the customizing folder, open the explorer and highlight it; from here it can be modified.
  • If there is already a customized XAML file for this template, UBIK will ask whether you want to open the existing file or if you want to replace the existing file with the default XAML definition of this template again.

Browsing the ViewModel

When pressing the button with the name of the ViewModel, {{UBIK}0 will open a browser that allows you to explore all it's public properties, methods and commands. Tapping on a member will browse a level deeper. Tapping on the button on the left side of the member name, will trigger the following:

  • If the member is a property (P) or method (M), its path will be copied to the expression field on top of the browser and its result will be instantly evaluated
  • If the member is a command (C) the browser will navigate to its respective Execute method. Tapping the button of the Execute method will invoke the command

The expression field also allows direct input of an expression to be evaluated.

Other features

By hitting F5, all templates on the currently displayed page will be forcefully disposed and reloaded. So if a customized XAML template file was changed, this change will be immediately reflected in the UI.