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 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 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 img = new pf.Image({ImageSrc: "/images/save.png", Title: "Save Form"});

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 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 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");

form.GetControl("Name").SetBackColor("blue");

form.GetControl("Name").SetBorder("1px solid #aaa");

form.GetControl("Name").SetBorderRadius("3px");

form.GetControl("Name").SetBoxShadow("inset 0px 1px 0px #fff");

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

form.GetControl("Name").SetCssClear("both");

form.GetControl("Name").SetCursor("pointer");

form.GetControl("Title").SetEnabled(false);

form.GetControl("Name").SetExtraStyle("margin-top:10px;clear:both;");

form.GetControl("Name").SetFloat("right");

form.GetControl("Name").SetFontBold(true);

form.GetControl("Name").SetFontFamily("Arial");

form.GetControl("Name").SetFontItalics(true);

form.GetControl("Name").SetFontSize("14px");

form.GetControl("Name").SetForeColor("#c00");

form.GetControl("Name").SetHeight("20px");

form.GetControl("image1").SetImageSrc("/images/pin.png");

form.GetControl("Name").SetMargin("10px 20px");

form.GetControl("Name").SetMargin("10px");

form.GetControl("Name").SetMargin("10px 20px 30px 40px");

form.GetControl("Name").SetMaxHeight("200px");

form.GetControl("Name").SetMaxWidth("200px");

form.GetControl("Name").SetMinHeight("200px");

form.GetControl("Name").SetMinWidth("50px");

form.GetControl("Name").SetOpacity("0.6");

form.GetControl("Name").SetPadding("10px 20px");

form.GetControl("Name").SetPadding("10px");

form.GetControl("Name").SetPadding("10px 20px 30px 40px");

form.GetControl("Name").SetTextAlign("center");

form.GetControl("Address").SetTooltip("This is the address field");

form.GetControl("CustomerCombo").SetValue({ID: "1", Name: "CustomerA"});
form.GetControl("checkbox").SetValue(true);
form.GetControl("label1").SetValue("My label text");

form.GetControl("Title").SetVisible(false);

form.GetControl("Name").SetWidth("100%");