2 year anniversary

Create menu item on button & image

PageHome.ts import V = require("VCL/VCL"); export class PageHome extends V.TPage { constructor() { super(); //menu on buttons var bt: V.TButton = new V.TButton(this, "btn", "Open menu"); var mnu: V.TMenuItem = bt.createMenuItem("Selection One"); mnu.Icon = V.Icon.icon_android; mnu.onClicked = () => { … Continue reading

Posted in Code Snippet | Leave a comment

Using TTabPage,TTabPanel and TTabSheet

TabTest.ts Using TTabPage,TTabPanel and TTabSheet //example of tab page creation import V = require("VCL/VCL"); export class TabTest extends V.TPage { constructor() { super(); //create first page var pnl = new V.TTabPanel(this, "pnl1"); pnl.Height = 300; var inp1 = new V.TInput(pnl, … Continue reading

Posted in Code Snippet | Tagged , , , , , | Leave a comment

Page navigation

VCL.JS offer single page navigation out of the box. In this example  you get on the first page a list of customers clicking on a row VCL.JS will navigate the application to the second page where customer record will appear … Continue reading

Posted in Code Snippet | Tagged , , | Leave a comment

Adding item to the top toolbar

You can change the application setting in the main.ts module.
When calling V.Application.addNavbarItemyou getting an object represents the item on the top navigation bar. Continue reading

Posted in Code Snippet | Tagged , , | 1 Comment

Dbgrid bounded to a database query

Short example of a query and bounded grid Continue reading

Posted in Code Snippet | Tagged , | Leave a comment

In memory dataset

In this example we will create an in memory dataset from an array.and bind a chart to it Continue reading

Posted in Code Snippet | Tagged , , | 1 Comment

Using TQuery and TQueryRemote

example of using dataset – TQuery & TQueryRemote Continue reading

Posted in Code Snippet | Tagged , | Leave a comment

Using Combobox

TCombobox example : inserting items,multiple selection and labels. Continue reading

Posted in Code Snippet | Tagged | Leave a comment

Page navigation

VCL.JS offer single page navigation out of the box.

In this example  you get on the first page a list of customers clicking on a row VCL.JS will navigate the application to the second page where customer record will appear on screen. Continue reading

Posted in Code Snippet | Tagged , | Leave a comment