top

Checkbox

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

Checkbox allows the selection of a single option or multiple options depending on the application requirements.

** 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.

 

The size of the checkbox cannot be extended horizontally or vertically.

 

                   

Figure. Checkbox component

Syntax

Syntax

$.fn.sfCheckBox = function(options)
Parameter options
Value
  • focus - Places the focus on the checkbox

    Example

    $('#checkbox').sfCheckBox('focus');
    
  • blur - Takes the focus away from the checkbox

    Example

    $('#checkbox').sfCheckBox('blur');
    
  • check - Places a tick mark inside the checkbox

    Example

    $('#checkbox').sfCheckBox('check');
    
  • uncheck - Removes the tick mark from the checkbox

    Example

    $('#checkbox').sfCheckBox('uncheck');
    
  • show - Shows the checkbox component

    Example

    $('#checkbox').sfCheckBox('show');
    
  • hide - Hides the checkbox component

    Example

    $('#checkbox').sfCheckBox('hide');
    
Property
  • ID - Component ID
  • Margins Left and Top - Component position on the scene

Figure. Checkbox properties box

               

Figure. Checkbox - focus

               

Figure. Checkbox - blur

               

Figure. Checkbox - check

The default code for the Checkbox CSS is given below:

#SceneScene1 #svecCheckBox_KH4K{
    position : absolute;
    left : 510px;
    top : 160px;
}

Figure. Checkbox