FlexContainer - Example

This example shows the use of most of the properties of FlexContainer on a FlexForm:

//Defining the properties of FlexContainer

function testfrm_flexContainer1_onTouchStart_seq0(eventobject, x, y) {
	normalform.show();
};

function testfrm_flexContainer1_onTouchEnd_seq0(eventobject, x, y) {
	normalform.show();
};

function testfrm_flexContainer1_onTouchMove_seq0(eventobject, x, y) {
	normalform.show();
};

function addWidgetstestfrm() {
	var flexContainer1 = new kony.ui.FlexContainer({
		"id": "flexContainer1",
		"top": "4dp",
		"left": "3dp",
		"width": "98.21%",
		"height": "287dp",
		"zIndex": 1,
		"isVisible": true,
		"clipBounds": true,
		"onTouchStart": testfrm_flexContainer1_onTouchStart_seq0,
		"onTouchEnd": testfrm_flexContainer1_onTouchEnd_seq0,
		"onTouchMove": testfrm_flexContainer1_onTouchMove_seq0,
		"layoutType": kony.flex.FREE_FORM
	}, {
		"padding": [0, 0, 0, 0]
	}, {});;
	flexContainer1.setDefaultUnit(kony.flex.DP)
	flexContainer1.add();
	testfrm.add(
	flexContainer1);
};

function testfrmGlobals() {
	var MenuId = [];
	testfrm = new kony.ui.Form2({
		"id": "testfrm",
		"width": "390dp",
		"height": "386dp",
		"contentOffset": {
			"x": "3dp",
			"y": "4dp"
		},
		"contentSize": {
			"width": "5dp",
			"height": "6dp"
		},
		"enableScrolling": true,
		"bounces": true,
		"allowHorizontalBounce": true,
		"allowVerticalBounce": false,
		"pagingEnabled": true,
		"title": "myfrmt",
		"needAppMenu": true,
		"enabledForIdleTimeout": true,
		"skin": "frm",,
		"bouncesZoom": false,
		"zoomScale": 22,
		"minZoomScale": 1.0,
		"maxZoomScale": 1.0,
		"layoutType": kony.flex.FREE_FORM,
		"addWidgets": addWidgetstestfrm
	}, {
		"padding": [0, 0, 0, 0],
		"displayOrientation": constants.FORM_DISPLAY_ORIENTATION_PORTRAIT,
		"paddingInPixel": false
	}, {
		"retainScrollPosition": true,
		"needsIndicatorDuringPostShow": true,
		"formTransparencyDuringPostShow": "100",
		"inputAccessoryViewType": constants.FORM_INPUTACCESSORYVIEW_DEFAULT,
		"configureExtendTop": true,
		"configureExtendBottom": false,
		"configureStatusBarStyle": false,
		"extendTop": false,
		"titleBar": true,
		"footerOverlap": false,
		"headerOverlap": false,
		"inTransitionConfig": {
			"transitionDirection": "fromLeft",
			"transitionEffect": "none"
		},
		"outTransitionConfig": {
			"transitionDirection": "fromRight",
			"transitionEffect": "none"
		}
	});
	testfrm.setDefaultUnit(kony.flex.PX);
};