Basic Property Editors Download

These are the current property editors.

  1. Slide Switch
  2. Button Switch
  3. Textbox Max Characters
  4. Textarea Max Characters

More property editors will be added in the future.


*Slide Switch

  1. First make a new Slide Switch datatype in the developer section.
  2. Then choose if the default value should be true or false "checked or not checked".
  3. Then choose the color the switch should use for true value "checked"
  4. Then choose the text on the switch when the value is true "checked".
  5. Then do the same for the false values.

// You can get the property value as normal.
@{
    var isTrue = Model.Content.GetPropertyValue<bool>("slideSwitch");
}
@Model.Content.GetPropertyValue("slideSwitch");


Exsample of the Slide Switch in function.

Slide Switch


Use it in your own plugin or backend extendion like this.

<ui-slide-switch 
ng-model="model.value"
true-text="{{scope.value}}"
false-text="{{scope.value}}"
switch-class="{{scope.value}}" />
Param Type Details
ng-model boolean The model value to hold true or false.
true-text string or {{scope.value}} Set the text when the checkbox is checked. Can be anything.
false-text string or {{scope.value}} Set the text when the checkbox is empty. Can be anything.
true-class string or {{scope.value}} The class to be used when the checkbox is checked. Available classes are: red, green, blue or yellow.
false-class string or {{scope.value}} The class to be used when the checkbox is empty. Available classes are: red, green, blue or yellow.

*Button Switch

  1. First make a new Button Switch datatype in the developer section.
  2. Then choose if the default value should be true or false "checked or not checked".
  3. Then choose the color the switch should use for true value "checked"
  4. Then choose the text on the switch when the value is true "checked".
  5. Then do the same for the false values.

// You can get the property value as normal.
@{
    var isTrue = Model.Content.GetPropertyValue<bool>("buttonSwitch");
}
@Model.Content.GetPropertyValue("buttonSwitch");


Exsample of the Button Switch in function.

Button Switch


Use it in your own plugin or backend extendion like this.

<ui-button-switch 
ng-model="model.value"
true-text="{{scope.value}}"
false-text="{{scope.value}}"
true-class="{{scope.value}}"
false-class="{{scope.value}}" />
Param Type Details
ng-model boolean The model value to hold true or false.
true-text string or {{scope.value}} Set the text when the checkbox is checked. Can be anything.
false-text string or {{scope.value}} Set the text when the checkbox is empty. Can be anything.
true-class string or {{scope.value}} The class to be used when the checkbox is checked. Available classes are: red, green, blue or yellow.
false-class string or {{scope.value}} The class to be used when the checkbox is empty. Available classes are: red, green, blue or yellow.

*Textbox Max Characters

  1. First make a new Textbox Max Characters datatype in the developer section.
  2. Then choose if the text should be cutted or not.
  3. Then choose the max allowed characters

// You can get the property value as normal.
@{
    var text = Model.Content.GetPropertyValue<string>("textboxMaxCharacters");
}
@Model.Content.GetPropertyValue("textboxMaxCharacters");


Exsample of the Textbox Max Characters in function.

Textbox Max Characters


Use it in your own plugin or backend extendion like this.

<ui-textbox-maxchar 
ng-model="model.value"
cut-text="{{scope.value}}"
max-char="{{scope.value}}" />
Param Type Details
ng-model string The model value to hold the text.
cut-text string, bool or {{scope.value}} Indicate if the text should be cutted when exceeding max allowed characters.
max-char string, int or {{scope.value}} Set the max allowed characters.

*Textarea Max Characters

  1. First make a new Textarea Max Characters datatype in the developer section.
  2. Then choose if the text should be cutted or not.
  3. Then choose the max allowed characters

// You can get the property value as normal.
@{
    var text = Model.Content.GetPropertyValue<string>("textareaMaxCharacters");
}
@Model.Content.GetPropertyValue("textareaMaxCharacters");


Exsample of the Textarea Max Characters in function.

Textarea Max Characters


Use it in your own plugin or backend extendion like this.

<ui-textarea-maxchar 
ng-model="model.value"
cut-text="{{scope.value}}"
max-char="{{scope.value}}" />
Param Type Details
ng-model string The model value to hold the text.
cut-text string, bool or {{scope.value}} Indicate if the text should be cutted when exceeding max allowed characters.
max-char string, int or {{scope.value}} Set the max allowed characters.