Angularjs vs REACT vs Nodejs

• Angular just like framework
• react is just like library
• Node.js is support file like. can install it with command prompt.

Read More

NFI and FFI Difference

NFI(Native Function Integration) programming code for application has been created in native(android application).we can access through the native package to  Kony. (like predefined Program).

AAR if a full package with UI


all widget created in Kony as like JSON obj.


FFI (Foreign Function Integration) jar contains functionality.we have to insert it in kony third-party  integration.
https://basecamp.kony.com/s/article-detail/a046A00000CbHMIQA3/support-for-nfiffi-in-kony-visualizer

Read More

Calender widget Validation

//Type your code here
function SdateLoad(){


  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth()+1; //January is 0!
  var yyyy = today.getFullYear();

  if(dd<10) {
    dd = '0'+dd;
  }

  if(mm<10) {
    mm = '0'+mm;
  }
  frmHome.Calone.validEndDate =  [dd,mm,yyyy];
  frmHome.calTwo.validStartDate = [dd,mm,yyyy];
  frmHome.calThree.validStartDate = [dd,mm,yyyy];
  frmHome.Calfour.dateComponents = [dd,mm,yyyy];
}


function SdateproperOneOnSelection(evenobj){
  alert("Selected date" + evenobj.day + "/" + evenobj.month + "/" + evenobj.year);
}


function SdateproperThreeOnSelection(evenobj){
  frmHome.Calfour.validStartDate = [evenobj.day, evenobj.month, evenobj.year];
  frmHome.Calfour.dateComponents = [evenobj.day, evenobj.month, evenobj.year];
}

function doreset(){
  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth()+1; //January is 0!
  var yyyy = today.getFullYear();

  if(dd<10) {
    dd = '0'+dd;
  }

  if(mm<10) {
    mm = '0'+mm;
  }
  frmHome.Calone.dateComponents =  [dd,mm,yyyy];
  frmHome.calTwo.dateComponents = [dd,mm,yyyy];
  frmHome.calThree.dateComponents = [dd,mm,yyyy];
  frmHome.Calfour.dateComponents = [dd,mm,yyyy];
}

Read More

component: add it programmatically?

refer:https://basecamp.kony.com/s/feed/0D56A00000Rb7MCSAZ

Sample Code using Tabs component:

var tabs = new com.konymp.tabstextline(

{

"clipBounds":true,

"id": "tabstextline",

"isVisible": true,

"zIndex": 1

}, {}, {});

Form1.flx.add(tabs);

Read More

Without contract / with contract in components

1) Masters 1.0 (Now deprecated)

• No controllers

2) Components without contract

• Always has controller
• Instances always show complete widget hierarchy as in source
• No custom events
• All properties can be overwritten in instance

3) Components with contract

• Always has controller
• Instance doesn't show any hierarchy (unless explicitly exposed)
• Custom events
• Control over what properties can be overwritten in instance (by making them pass-through)

So if you want to build you own calculator component and expose selected custom events for any user, you should choose components with contract.

Read More

How to take IOS build in kony

 How to take ios build in Xcode (Kony) ?

1.Take IOS build (KAR file is generated).
2.Add latest plugins from visualizer (path:  visualizer ->open file location -> plugins -> search(ios plugin and copy)).
3.Transfer plugins(we get plugins as JAR file [Rename as .Zip]) and KAR file in one folder.
4.Zip file should be extracted we get one more Zip file(Extract it) .Now we get gen file.
5.Open terminal 1.cd ( Drag gen file).
                2.perl extract.pl ( Drag KAR file).

6. We get Executable VM project file(Double click it).
7.Set as Krelease and generic ios build.

Read More

Segment expandable view single row only open at the time sample

var gblHfd ="";
function onrowclickofseg(){
  var cisshow;
  var selectedIndex= frmQA.Seg.selectedRowIndex[1];
  if(frmQA.Seg.selectedRowItems[0].flxQA2.isVisible === true){
    cisshow = false;
    //gblHfd = "";
  }else{
    cisshow = true;
    //gblHfd = selectedIndex;
  }
  if(gblHfd !== ""){
    var obj1 = {"flxQA1":{isVisible:true},"lblQ":{isVisible:true,text:"Explain the difference between a class and an object",skin:"sknlbltmp"},"flxQA2":{isVisible:false},"flxA":{isVisible:true},"lblA":{isVisible:true,text:"Is answer",skin:"sknlbltmpans"},"imgArrow":{isVisible:true,src:"forward.png"}};
    frmQA.Seg.setDataAt(obj1,gblHfd,0); 
    var obj2 = {"flxQA1":{isVisible:true},"lblQ":{isVisible:true,text:"Explain the difference between a class and an object",skin:"sknlbltmp"},"flxQA2":{isVisible:cisshow},"flxA":{isVisible:true},"lblA":{isVisible:true,text:"Is answer",skin:"sknlbltmpans"},"imgArrow":{isVisible:true,src:"forward.png"}};
    frmQA.Seg.setDataAt(obj2,selectedIndex,0);
  }else{
    var obj = {"flxQA1":{isVisible:true},"lblQ":{isVisible:true,text:"Explain the difference between a class and an object",skin:"sknlbltmp"},"flxQA2":{isVisible:cisshow},"flxA":{isVisible:true},"lblA":{isVisible:true,text:"Is answer",skin:"sknlbltmpans"},"imgArrow":{isVisible:true,src:"forward.png"}};
    frmQA.Seg.setDataAt(obj,selectedIndex,0);
  }
  if(cisshow === true){
    gblHfd = selectedIndex;
  }else{
    gblHfd = "";
  }
}

Read More