Please enable JavaScript to view this site.

CWT User Interface Design Handbook

Navigation: Appendices > Popup panel names

LanguageSelectionPopup

Scroll Prev Top Next More

The language selection popup supports 2 ways to select a language:

1.the scroll list as described in ListView (STN) and ListView (TFT)

2.the use of key values

With key values it will be possible to assign a key to a language to allow selection using the  softkeys.

Add buttons in LanguageSelectionPopup popup panel with name LanguageButtonX. This ‘X’ will vary 1, 2, 3 etc.

Example for an STN display

<Stn:Button Name="LanguageButton1" FormattedText=" " MxStyle="{BottomOneButtonStyle}" Click="OnLanguageSelectionDone"/>
<Stn:Button Name="LanguageButton2" FormattedText=" " MxStyle="{BottomTwoButtonStyle}" Click="OnLanguageSelectionDone"/>
<Stn:Button Name="LanguageButton3" FormattedText=" " MxStyle="{BottomThreeButtonStyle}" Click="OnLanguageSelectionDone"/>
<Stn:Button Name="LanguageButton4" FormattedText=" " MxStyle="{BottomFourButtonStyle}" Click="OnLanguageSelectionDone"/>

 

Example for a Touch display

<TFT:PopupPanel MxStyle="{PopupStyle}" Name="LanguageSelectionPopup" Timeout="20" TimeoutEvent="OnLanguageSelectionCancel">
  <Controls>
     <TFT:Label MxStyle="{FlagLabelStyle}" FormattedText="SWE" Location="84, 146"/>
     <TFT:Button MxStyle="{FlagButtonStyle}" KeyValue="sv-SE" Image="\Storage Card\Media\pictures\flag_sv-SE.png" ClickImage="\Storage Card\Media\pictures\flag_sv-SE_d.png" Location="82, 66"/>
     <TFT:Label MxStyle="{FlagLabelStyle}" FormattedText="ENG" Location="217, 146"/>
     <TFT:Button MxStyle="{FlagButtonStyle}" KeyValue="en-US" Image="\Storage Card\Media\pictures\flag_en-US.png" ClickImage="\Storage Card\Media\pictures\flag_en-US_d.png" Location="215, 66"/>
     <TFT:Label MxStyle="{FlagLabelStyle}" FormattedText="SPA" Location="350, 146"/>
     <TFT:Button MxStyle="{FlagButtonStyle}" KeyValue="es-ES" Image="\Storage Card\Media\pictures\flag_es-ES.png" ClickImage="\Storage Card\Media\pictures\flag_es-ES_d.png" Location="348, 66"/>
  </Controls>
</TFT:PopupPanel>