This document covers VizPacker releases that introduce majoe functionality enhancements.

At the bottom of the document you’ll find description of the enhancements for each release in a reversed release order (latest release at the top).



Release History

July 30 2015: SAP publishes new versions of SAP Web IDE (1.13.x) and VizPacker (1.1.6).

May 21 2015: SAP publishes new versions of SAP Web IDE (1.11.x) and VizPacker (1.1.3).

March 26 2015: SAP publishes new versions of SAP Web IDE (1.9.1) and VizPacker (1.1.2).


Additional Details

Details on the new version of SAP Web IDE can be found here and for the VizPacker here.

Want to know more?

For more information on SAP Web IDE information go to SAP Web IDE – Enablement.

For more information on VizPacker plugin go to SAP Web IDE – Visualizations Without Limits.


– Raz



VizPacker 1.1.6

New Features


From a new feature standpoint, this new version includes the following new features.


Upgrade d3.js from v2 to v3


All previous extensions using d3.v2.js will continue to work without any change.



VizPacker 1.1.3

New Features


From a new feature standpoint, this new version includes the following new features.


Additional Visualization Extension Sample Projects


Sample Projects are complete visualizations with all coding. They can be used as a reference or to “copy and paste” coding from. The coding follows SAP’s best practices and includes comprehensive comments. The Sample Projects that are part of this release are

  • Generate thumbnails
  • Embed image
  • Create maps


VizPacker 1.1.2

New Features

From a new feature standpoint, this new version includes the following new features.

Visualization Extension Sample Projects


Sample Projects are complete visualizations with all coding. They can be used as a reference or to “copy and paste” coding from. The coding follows SAP’s best practices and includes comprehensive comments. The Sample Projects that are part of this release are

  • Create Custom Properties
  • Work with Data Filter

Smaller CVOM SDK Package


Smaller CVOM SDK package improves the developer’s experience using the VizPacker plugin by improving the SDK loading time.


Use SAPUI5 for Previewing Extension


Enables the integration of chart extensions created with the VizPacker plugin in Fiori/SAPUI5 applications.


Customized Color Pallete


During design time, the developer can define the color pallete the visualization extension will use in the Web IDE. The customized color pallete becomes the default color pallete when consuming the extension in Lumira. When using the extension in Lumira, Lumira’s user can override the customized pallete with a different pallete.


Custom Property Panel


Visualization extension can have custom properties that affect the behavior of the visualization, such as: animation, gridlines and more. The developer of the extension can define custom properties and use them to control the extension. These custom properties are also available when the extension is used in Lumira and can be Custom property and Lumira property panel support is added for visualization extensions.

UX Design Update and Instruction Text Updates


Minor updates to the VizPacker template design and instruction text.

To report this post you need to login first.

13 Comments

You must be Logged on to comment or reply to a post.

  1. Shady Shen

    Hi Raz,

      Thanks for the information.

      Could you please share with me any sample extension that utilizes the “Custom property Panel” functionality?

    Best Regards,

    Shady

    (0) 
    1. Raz Korn Post author

      Hi Shady,

      You’ve “stumbled upon” some of the great benefits available when using the SAP Web IDE with VizPacker.

      I’ll start with the basic stuff – There’s a chapter dedicated to “Custom Property Panel” in the VizPacker help (Change, Add and Consume) – Defining custom properties for your extensions.

      However, the team did an amazing job that allows you to generate a sample extension with custom properties. The pre-requisite to do it are 1. Have access to Web IDE; 2. Enable the VizPacker plugin (Tools > Preferences > Optional Plugins; select VizPacker; save; refresh the browser). Once the VizPacker plugin is enabled you can generate the sample extension with the customer proerties: File > New > Project from Sample Application; select “Create Custom Properties” template; click Next; click Finish. That’s it. you have a new project in your SAP Web IDE workspace called “sap.viz.ext.samplebar”. If you drill-down the folder structure to the js code, you’ll find the flow.js and render.js with the sample code.

      Regards,

      Raz

      (0) 
      1. Shady Shen

        Ha, very nice feature indeed !

        I’m so used to start directly from “Project from Template” that never thought to check the samples in the Web IDE. 😛

        Thanks for your insight ~

        Best Regards,

        Shady

        (0) 
      2. Shady Shen

        Hi Raz,

          I followed the examples created by the Web IDE and it seems that there are big structural change in 1.25 and there will be a lot more steps than the help document link you’ve provided. For example, apart from the entries in flow.js, we will also need to maintain extra definition propertyeditor\spec.js and the render propertyeditor\renderers\*.js

          Do you know how I can find the relevant documentation for those configuration/extensions?

        Thanks and Best Regards,

        Shady

        (0) 
        1. Raz Korn Post author

          Hi Shady,

          The full documentation for “custom property” is being worked on.

          I’m working on getting some additional inforamtion before the documentation is available.

          I’ll update you once available.

          Regards,

          Raz

          (0) 
              1. Shady Shen

                Thanks, Raz ~

                  The tutorial-style guide looks nice. It would be nicer still if there is an api document detailing the specs (of interface,input/output parameters, initialization workflow, available helper function, etc.)

                  Let’s keep up the momentum ~

                Best Regards,

                Shady

                (0) 
                  1. Shady Shen

                    Hi Raz,

                      The property editor is only available in Compose Room right? I cannot see it in the Visualization room.

                    Thanks and Best Regards,

                    Shady

                    (0) 

Leave a Reply