Operation Scenario

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

Eclipse Editor usage scenarios

** 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 functions of Appsframework, refer to here.


  1. Click a component or drag a component.
  2. Click or drop in the scene, user can see one component will be created.
  3. Check CSS, JavaScript and HTML file, component’s code will be inserted.
  4. Properties view also will update to show the component’s position, size, etc information.
  5. Switch the file by clicking the “>>1” tag, user will see all the component’s codes which are inserted into CSS, Javascript and HTML files.

Figure: Create one component


  1. Select the scene.
  2. Select one component.
  3. User can see the component’s code is selected

Figure: Select one component


  1. Resize or move one component by dragging.
  2. The position and size changed in code.
  3. The position and size changed in properties view

Figure: Move and resize one component


  1. Delete one component by pressing “delete” key or clicking “Delete from Model” item in context menu.
  2. The code will disappear.
  3. The component’s properties will change to scene’s properties.

Figure: Delete one component


  1. Choose “Snap To Grid”,
  2. Click the scene.
  3. Move one component, it will be snapped to grid or other component.
  4. The component’s position or size also will be updated

Figure: Snap component

Change Properties

  1. Change the properties on Properties View, then press the “Enter” key.
  2. The component update its properties in the scene.
  3. The code is also updated.

Figure: Change component’s properties

Zoom In/Out

  1. Select the zoom combo, the scene’s size will be changed.
  2. Press “CTRL” key and roll the mouse, the scene’s size will be changed.

Figure: Zoom in/out