Demos are a good place to start and become familiar with framework's basics quickly. Fortunately uniGUI comes with plenty of example projects which can fully demonstrate all aspects of uniGUI including all standard and advanced features. Almost all of uniGUI demos are compatible with all supported versions of Delphi. A few demos may not compile on earlier versions of Delphi because of language incompatibilities and lack of new features introduced in newer versions of Delphi. Running demos is a very simple task and quite identical to run any VCL application except uniGUI application will run inside a browser.

 

In order to run a demo in Delphi IDE go to File->Open and point location to where uniGUI demos are located. Normally under <install folder>\FMSoft\Framework\uniGUI\Demos\...

 

Select demo folder named AllFeaturesDemo and open mdemo.dpr.

 

clip0079

 

In IDE select Project->Build mdemo and build the project. After a successful build press Run and you will notice a new icon will appear in tray clip0078

 

At this stage a firewall warning may appear in desktop asking for permission to allow uniGUI application to listen its dedicated port. Please grant required permission to firewall.

 

Now in order to run a web session please open one of compatible browsers such as FireFox, Chrome, IE9+, Safari or Opera.

 

In Browser address bar type below address:

 

http://localhost:8077

 

uniGUI application running

uniGUI application running

 

You can terminate running application server bu right-clicking on tray icon and selecting shutdown from pop-up menu.

 

 

If your uniGUI edition contains support for mobile application you can run demos you can follow same principles to run mobile application demo.

 

This time please select and open mdemo.dpr from ..\Touch\AllFeatures folder.

 

clip0081

 

You can open Mainm.pas in IDE to see how mobile designer looks in IDE. It looks a bit different than standard Form designer and modified to reflect look and feel of a mobile device.

 

uniGUI Mobile web application in IDE

uniGUI Mobile web application in IDE

 

 

Now you can run application server by building project and running it.

 

Again a new tray icon will appear.clip0078

 

You can test or debug a mobile web session in an ordinary desktop browser or directly run it on a mobile device. On desktop you need a fully HTML5 compatible browser. Fortunately all modern browsers come with extensive support for HTML5.

 

In Browser address bar type below address:

 

http://localhost:8077

 

You will notice that address will be automatically redirected to a new address:

 

http://localhost:8077/m

 

 

uniGUI mobile app in Google Chrome browser

uniGUI mobile app in Google Chrome browser

 

 

You can also run on a mobile device by simply opening a browser window and type a proper address. This time you need to enter IP address of PC which is running demos and also make sure your mobile device and PC are connected to same LAN.

 

uniGUI web application running on a smartphone

uniGUI web application running on a smartphone