New version of the SAP Web IDE and VizPacker is now available
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.
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
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
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
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
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
I'm also very interested in the details here.
Hi Michael, Shady,
Documentation for "custom property" is available in the following link: https://help.hana.ondemand.com/webide_vizpacker/frameset.htm.
Regards,
Raz
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
Yes, Shady. I agree.
I understood it's already work-in-progress.
Regards,
Raz
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
Hi Shady - Correct.
You'll find more information in the following link: Visualization Extension Plugin for SAP Web IDE Guide (Using the Customized Extension in SAP Lumira).
Pay special attention that you need to focus on the visualization (click it) in order for the custom properties to appear.
Regards,
Raz
got it. Thanks, Raz ~
Best Regards,
Shady
Raz, thanks!!!