Please enable JavaScript to view this site.

CWT User Interface Design Handbook

Navigation: TFT Controls > Button (TFT)

"Static" buttons

Scroll Prev Top Next More

There is also another type of selection buttons. “StaticPaymentService”, “StaticArticle”, “StaticTariffPackage”, and StaticStepButton.

If a button name has a number after the prefix like “StaticPaymentService1”, the button will automatically be assigned corresponding PaymentService ID = 1.

If the name does not have a number after the prefix, the IndexValue and KeyValue must be assigned in UI:xaml. the KeyValue represents the id. If KeyValue is assigned in ui.xaml, the prefix after the name is ignored.

StaticStepButtons are the same as StepButtons in terms of dynamic mapping of step. Values for these buttons are retrieved from the cwtconfig.xml file
StaticStepButtons will be Disabled or Invisible when not functional, i.e., when its step is not possible to make. For instance, at max a positive step button will be Disabled or Invisible.

These “StaticPaymentService”, “StaticArticle”, “StaticTariffPackage”, and "StaticStep" button will not be invisible when the corresponding PaymentService, Article, TariffPackage or stepButton is not selectable. Instead, another image is shown when not selectable and the button is disabled. The image is defined by attribute DisableImage. The font colour is also changed and is defined by attribute DisableForeColor.

These “StaticPaymentService”, “StaticArticle”, and “StaticTariffPackage” buttons should use Click-functions OnPaymentServiceSelectById, OnPaymentServiceSelectByIdAndConfirm, OnArticleSelectById, OnArticleSelectByIdAndConfirm, OnTariffSelectById, or,OnTariffSelectByIdAndConfirm respectively.

StaticStepButtons are the same as StepButtons in terms of dynamic mapping of step. Values for these buttons are retrieved from the cwtconfig.xml file

 

Properties

See Button (TFT) for the other attributes.

DisableImage

Description:Name of the image to use when the button is disabled.
e.g., DisableImage="\Storage Card\Media\pictures\button_disable.png"

DisableForeColor

Description:The colour to use for the button text when the button is disabled

Name

Value:StaticStepButton1, StaticStepButton2, StaticStepButton3 and StaticStepButton4

NotFunctionalAction

Value:Disabled or Invisible when not functional.
Default:Disabled.
Description:Controls if the button should be Disabled or invisible. When Disabled, another image is shown and the button is not click-able. The image is defined by attribute DisableImage. The font colour is also changed and is defined by attribute DisableForeColor.

 

Example for StaticStepButton:

The button will be invisible when not functional, i.e., its step is not possible to make.

<TFT:Button Name="StaticStepButton1" KeyValue="100" Click="OnStep" NotFunctionalAction="Invisible" ClickImage="\Storage Card\Media\pictures\button.png"/>

 

The button will change image and not be click-able when not functional, i.e. its step is not possible to make

<TFT:Button Name="StaticStepButton2" KeyValue="-100" Click="OnStep" NotFunctionalAction="Disable" ClickImage="\Storage Card\Media\pictures\button.png" DisableImage="\Storage Card\Media\pictures\button_disable.png"/>