'How to add basic UI components in cordova project?

I am beginner of cordova learning project and creating a sample application using eclipse. Using CSS file I am able to change image, height, width, margin and padding around it.

Now, to show Labels, Buttons and Radio button, listview how to add such UI components and where to add in index.html or css and handling a click event of button?



Solution 1:[1]

You could add any HTML component in the body tag.

<body>
//your code for various elements goes here.
</body>

But, if you want to add these components in real time use the innerHTML property (javascript) and allocate an event listener to that component.

HTML-

<label id="alpha1" onclick="fx()">Placeholder</label>

JS-

document.getElementById('alpha1').innerHTML="Content"
  function fx (){
    alert('Label Clicked');
}

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Navnish Bhardwaj