| 
                     
                    
Add background image to library 
Add Button image to the library 
 
Create page style using background image 
Create a text style  
Create a image style 
Create a key style type equal changed 
Create a variable for counter 
 
Define a page named "pageName" with style "pageStyle" 
 
Create image entity using the prbtn image from library 
Hide the image entity 
Create key which shows prbtn image on key press and on release adds one to varCounter variable and hides image entity 
Create text entity to display the varCounter variable 
 
After loading show the page named "pageName"
                    
                         
                 | 
                
                     
LIB(background,"SDHC/bground.png");
 LIB(prbtn,"SDHC/prbtn.png");
 
 STYLE(pageStyle, Page) { image = background; }
 STYLE(textStyle, Text) { font=Ascii32; col=Black; }
 STYLE(imageStyle, Image) { currel=TL; }
 STYLE(keyStyle, Key) { currel=TL; action=C;}
 VAR(varCounter,0,U16);
 
 PAGE(pageName, pageStyle)
 {
 IMG(imageButton,prbtn,imageStyle,50,100);
 HIDE(imageButton);
 KEY(keyButton,[SHOW(imageButton);;], [CALC(varCounter,varCounter,1,"+");TEXT(textCounter,varCounter); HIDE(imageButton);;],200,100,keyStyle,50,100);
 TEXT(textCounter,varCounter,textStyle,366,160);
 }
 SHOW(pageName);
 
                 |