var c = new pf.TextBox({BackColor: "gray"});

var c = new pf.Label({Border: "1px solid #aaa"});

var c = new pf.TextBox({BorderRadius: "3px"});

var c = new pf.TextBox({BoxShadow: "inset 0px 1px 0px #fff"});

var c = new pf.TextBox({BubbleChangeEvent: true});

var c = new pf.TextBox({ClassName: "navbar"});

var c = new pf.TextBox({CssClear: "both"});

var c = new pf.TextBox({Cursor: "pointer"});

var c = new pf.TextBox({DefaultValueProvider: "return new Date();"});

 
// Access the value of a control in the root form
 
// the OnClick event of a button inside a listbox row
 
var parentListbox = args.Sender.DetailContainer;
 
var rootForm = parentListbox.GetParentForm();
 
var value = rootForm.GetControl("Date").GetValue();
 

var list = new pf.ListBox({DisplayField: "Name"});

var c = new pf.TextBox({Enabled: false});

var formula = "form.GetControl(\"activeCheckbox\").GetValue()";
var c = new pf.Button({EnabledFormula: formula});

// Formula
form.GetControl("checkbox").GetValue() && form.GetControl("Name") != ""

var c = new pf.Label({ExtraStyle: "margin-left:20px;background-color:#ccc"});

var c = new pf.TextBox({Float: "right"});

var c = new pf.Label({FontBold: true});

var c = new pf.Label({FontFamily: "Arial"});

var c = new pf.Label({FontItalics: true});

var c = new pf.Label({FontSize: "20px"});

var c = new pf.TextBox({ForeColor: "blue"});

var list = new pf.ListBox({DisplayField: "Name", GroupFieldName: "Type"});

var c = new pf.ListBox({Height: "150px"});

var c = new pf.Label({Margin: "10px"});

var c = new pf.ListBox({MaxHeight: "300px"});

var c = new pf.TextBox({MaxWidth: "200px"});

var c = new pf.Button({MinHeight: "20px"});

var c = new pf.Button({MinWidth: "40px"});

var c = new pf.Label({Text: "My Label", Opacity: "0.4"});

var c = new pf.Label({HtmlElement: "div", Padding: "10px"});

// Create a new form
var form = new pf.Form();
// Add a simple container in the form body
var container = new pf.SimpleContainer();
form.AddControl(container);
// Create 3 textboxes with different TargetFieldName properties
var textID = new pf.TextBox({TargetFieldName: "ID"});
var textName = new pf.TextBox({TargetFieldName: "Name"});
var textType = new pf.TextBox({TargetFieldName: "Type"});
// Add the textboxes in the container
container.AddControl(textID);
container.AddControl(textName);
container.AddControl(textType);
var value = form.GetValue();
// Returns something like : {ID: "my id", Name: "my name", Type: "my type"}

var c = new pf.TextBox({TextAlign: "center"});

var c = new pf.TextBox({Tooltip: "The address of the customer"});

var formula = "form.GetControl(\"activeCheckbox\").GetValue()";
var c = new pf.Button({VisibilityFormula: formula});

// Formula
form.GetControl("checkbox").GetValue() && form.GetControl("Name") != ""

var c = new pf.TextBox({Visible: false});

var c = new pf.TextBox({Width: "100px"});

form.GetControl("Title").AddClassName("active");

var item = {ID: 1, Name: "Task 1"};
form.GetControl("list1").AddItem(item, null, true);

form.GetControl("list1").DeleteAllItems();

var list = form.GetControl("list1");
var data = [
 {ID: 1, Name: "Task 1"},
 {ID: 2, Name: "Task 2"}
];
list.SetValue(data);
list.DeleteItem(data[0]);

// Filter listbox items that have amount greater than zero
var listbox = form.GetControl("list1");
listbox.Filter(function(data) {
     
var newData = [];
     data.forEach(function(x) {
         
if (x.Amount > 0) newData.push(x);
     });
     
return newData;
});

var children = c.GetAllChildrenControls();

var control = container.GetChild("TitleTextBox");

var control = container.GetControl("TitleTextBox");

form.GetControlAsync("clientId", function(control) {
     
if (control) control.SetEnabled(false);
}, 2000);

var control = container.GetControlById("ID1");

var c = form.GetControlByTargetFieldName("CustomerType");

var controls = container.GetControlsById("ID1");

var amount = form.GetControl("Amount").GetNumericValue() * 100;

var parent = c.GetParentForm();

var parent = c.GetParentFormOrSelf();

var selectedItem = form.GetControl("list1").GetSelectedItem();

var active = form.GetControl("checkbox").GetValue();
var text = form.GetControl("textbox").GetValue();
var items = form.GetControl("listbox").GetValue();

// Get the value from a control that returns a single object (like a combobox)
var value = form.GetControl("Country");
// returns {ID: 1, Name: "UK"}
var result = form.GetControl("Country").GetValuePath("Name");
// returns "UK"
var result = form.GetControl("Country").GetValuePath("ID");
// returns "1"

// Get the value from a control that returns multiple objects (like a combobox with miltiple selection enabled)
var value = form.GetControl("Countries");
// returns [{ID: 1, Name: "UK"},{ID: 2, Name: "France"}]
var result = form.GetControl("Counties").GetValuePath("Name", ", ");
// returns "UK, France"
var result = form.GetControl("Counties").GetValuePath("ID", ";");
// returns "1;2"

form.GetControl("Title").RemoveClassName("active");

var list = form.GetControl("list1");
var data = [];
for (var i = 0; i < 50; i ++) {
     
var item = {ID: i, Name: "Task " + i};
     data.push(item);
}
list.SetValue(data);
list.ScrollItemIntoView(data[49]);
list.SetSelectedItem(data[49]);