Published 2014-10-28 | (Compatible with SDK 2.5,3.5,4.5,5.0,5.1 and 2011,2012,2013,2014 models)

The Input component gets text input from the user. The component is added using the Samsung WYSIWYG Editor.

** This class will not be supported in 2015.

   All functionalities of AppsFramework are more improved, integrating with CAPH. Therefore Appsframework is not supported since 2015 Smart TV. To use functionalities of Appsframework, refer to here.


It has two parts - the text box and the number pad. The number pad is used to type in text into the text box.


Figure. Input component

The Input component does not use the framework, and so the source-code generated by WYSIWYG Editor is different from that of the other components.

To give focus to a component or to get a text value from the component, use JavaScript functions.

These source-codes are generated automatically when the Export button is clicked:

function SceneScene1(options) {
    this.options = options;    
SceneScene1.prototype.initialize = function () {
        text : "",
        maxlength : 10,		
        ontextchanged : function(text){            
        oncomplete : function(text){            

In the above line of code, the first parameter is the ID of the component. The ID can be modified any time. If the ID is changed in the JavaScript file, change the ID in the HTML and CSS files too.

The properties of the Input component are:

  • ID - Component ID
  • Left, Top - The component position on the screen. This does not change the position of the number pad component; it only changes the position of the text box.
  • Width - Component width. Denotes the width of the text box.

Figure. Input properties box

The default code of the Input component CSS is shown below. The values are for the text field.

#svecInput_Z8M5 {
    position: absolute;
    left: 170px;
    top: 180px;
    width: 200px;