Creating scene views

In visual dashboards you can create scene views. Use them to arrange and modify scene objects to adjust the view of the scene to different screen resolutions.

Before you begin

You create a scene on the Canvas tab and define the behavior of the scene objects. This view is the default view for the scene.

About this task

You can use scene views to customize the view of a visual project, and you cannot use them to change events and event actions that are defined in your visual project.

For each scene in a visual project you can create any number of required scene views.

To create a scene view:

Procedure

  1. Open a scene for which you want to create a scene view on the Design tab.
    The default view is displayed on the Default View tab.
  2. In the lower right corner of the Design tab, click Create Scene View Icon to open the Create Scene View wizard.
  3. From the Category list, select the type of the screen, and from the Templates list, select the screen resolution for that you want to create a scene view. You can select the preset resolution and go to step 10. To create a custom template, go to step 4.
    Tip: To display a scene correctly on different mobile devices, you do not need to create scene views for all possible screen resolutions. You can select one template, for example, iPhone 5, 5C, 5S from the Phone category and create the landscape and portrait scene views for it. At runtime, the appropriate scene view is selected and scaled to screen resolutions of different mobile devices. To enable scene views scaling, ensure that the ScaleToWindow scene property is set to true.
  4. To add a specific scene view template, select Custom from the Category list and click Add custom scene view template.
  5. Enter the template description in the View description field.
  6. In the Width and Height fields, specify the width and height in pixels for your template.
  7. Click OK to add it to the Templates list.
  8. If you want to remove a custom scene view, select it and click Delete custom scene view template.
  9. Select the custom view that you created from the Templates list.
  10. Click Finish to close the Create Scene View wizard and open the scene view tab. The scene view tab displays a canvas with a frame that defines the screen area.
  11. On the scene view tab, modify the content of the scene to adjust it to the defined screen area. You can modify scenes in the following way:
    • Display or hide the scene objects for the view. To do this, select or clear the corresponding check boxes in the Visibility view.
    • Rearrange the position of the scene objects.
    • Modify scene objects properties.
    All modified properties are marked in bold.
  12. When you completed creating the scene view, save it with your visual project.
  13. If you want to edit the type or size of the current scene view in your visual dashboard, in the lower right corner of the Design tab, click Edit Scene View Icon.
  14. If you want to remove the current scene view from your visual dashboard, in the lower right corner of the Design tab, click Delete Scene View Icon.

Results

Tip: If you want to display a scene view in the embedded scene container, create scene view of the same size as the embedded scene container and specify its name in the SceneView property of embedded scene and use the AutoZoom property of the embedded scene to zoom the content of the embedded scene automatically when a scene view is applied. For more information about the properties see, the Embedded Scene topic.