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


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


Two types of Popup components are provided:


  • Single button pop-up
  • Two buttons pop-up.

When a Popup is added to the design editor, it does not appear on the WYSIWYG Editor.

Figure. Pop-up component

Syntax $.fn.sfPopup = function( options )
Parameter options - test, num, callback, show

The values for the options parameter are:

  • text (string) - Popup text

  • num (init) - Number of button (1 or 2)

  • callback (function) - Call back function to be called when pop-up is closed.

    Parameter: result of the popup selection (true/false)


    $('#popup').sfPopup({text: "two button popup", Num: 1, callback: popupcallback});
    The first parameter is the text in Popup frame. A variable value can be used in the text parameter.
    When using a callback parameter, create the callback function.
    Set the num parameter to 2 for a two-button pop-up. If a value greater than 2 is set, it is considered as 2.
  • show - Shows pop-up object. The pop-up steals focus from the Scene and returns focus when closed.


Properties ID - Component ID

Figure. Popup properties box

The default CSS code for the Popup is given below:

#SceneScene1 #svecPopup_LK7C {
    width: 400px;