On this page ...

Number Projections

Freon offers a slider control displaying numeric values. You can set a default for the display of a number value in the global section of the default editor. However, a slider is rarely the preferred default display option.

Sliders

The slider control is indicated by adding the keyword slider to the property projection. When hovering over the slider button the actual property value is shown.

For the sake of the example, we have added two number properties to the concept BaseProduct.

// Insurance/src/defs/language-main.ast#L34-L36

range: number;
nrOfUse: number;
// The previoud two properties are present to show the different options for displaying numbers.

The added properties are displayed like this.

// Insurance/src/defs/editor-main-controls.edit#L12-L13

expected nr of use: ${self.nrOfUse}
range: ${self.range slider}

Which results in the following.

Image 'documentation/Documentation-Number-Projections-screenshot1.png' seems to be missing
Figure 1. A number slider control
© 2018 - 2025 Freon contributors - Freon is open source under the MIT License.