[HowTo] Getting Started IWCGJQMobile Project

[Alexander Bulei]

Steps for Getting Started IWCGJQMobile Project:

1. Create new “VCL for the Web Application Wizard”
   
2. In IWMainForm create the follow page structure:
   
   2017-10-02_10-28-42.png
   
   Where:
   
   • MyPage (TIWCGJQMRegion)
     

     Code: Select all

     Align -> alClient
RegionType -> jqmrtPage
Name -> ”MyPage”


   • MyHeader (TIWCGJQMPageHeader)
     

     Code: Select all

     Align -> alTop (default)
Caption -> “Simple Header”
Name -> ”MyHeader”


   • MyContent (TIWCGJQMRegion)
     

     Code: Select all

     Align -> alClient
RegionType -> jqmrtContent
Name -> ”MyContent”


   • MyFooter (TIWCGJQMPageFooter)
     

     Code: Select all

     Align -> alBottom (default)
Caption -> “Simple Footer”
Name -> ”MyFooter”


3. Work area is “MyContent”, so you should drag'n'drop components inside.
4. Synchronize "wwwroot folder"
   

   Code: Select all

   CGDevTools -> Selected Project -> Synchronize "wwwroot folder"


5. Done.

Best Regards.

[cyracks]

Form can also be added from the menu.

[Alexander Bulei]

Updated.