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.