# Example README (Once this information is not relevant, please update with content relevant to your application.)

This is a demo README page

This file will always be in the root of your project directory

Select the "Don't Show Again" button below to prevent this popup from appearing next time you launch the application


# Basic steps to get started. 

Target Communication
Component library v3 does not currently support a wizard to configure target communication. 
There are a number of examples for various methods of exchanging data with target devices available through component help. 

Open Connection Manager help (from GC Designer Help -> Components Help -> V3 Components), then search for gc-target-connection-manager
there are number of examples for different options, choose most appropriate to your target communication and copy the text, 
open index.gui file for your app, it it is not currently open, toggle into text edit mode by clicking on "<>" button in main toolbar. 

Find a code line that has     <!-- Add target communication configuration below this line --> and paste in code snippet

You may then edit properties to match your devices settings. You may also switch into gui mode (click on "<>" button in main toolbar)
Then click on Outline view in left toolbar and choose appropriate tag from outline view to change its properties through property page on the right. 

Adding Widgets
Make sure that .gui file is opened in editor (double click if not opened), choose component palette from left toolbar, choose desired widget select it, then drag and drop onto canvas
For additional help on widgets, please open GC Designer Help -> Components Help -> V3 Components

Bindings
Before your widget shows data you need to create a binding between data objects in your data model and widgets. 
The data model is configured in Target Communication section and the data model starts with gc-model-....  it's "id" property is what we will use to create connections
with .gui file opened and a widget selected, you should see widgets properties in the property page on the right side of GC Designer. 
Most widgets have "value" property that is used to control it's display click on chainlink icon to open a binding edit options, from drop down you will need to select model id(if only one data model is configured then it will be auto selected), the edit box to right of model drop down will be empty and needs to be populated with key containing a particular data variable. These variables vary depending on data model used. 
e.g. in program model is used then these would be names of global variables. If a streaming data model with JSON data is used then these would be data fields of JSON object. 
