Skip to Content
Technical Articles

“Revamped” Integration Flow Editor in SAP Cloud Platform Integration’s Web Application

Introduction

The integration flow editor in SAP Cloud Platform Integration with 3.31.x/6.7.x release is revamped with better modelling area and features that shall enable integration developers to work efficiently and improve developer productivity.

In this blog, I will give a short overview of each of these new features.

  1. Improvised Modelling Area
  2. Component Palette Horizontal View
  3. Search Step
  4. Double click
  5. Compressed Header section

Improvised Modelling Area

As soon as you open the integration flow and edit the flow, you will notice a comprehensive modelling area for integration flow development. The properties view is minimized by default to provide good visualization and ample area for modelling.

Image 1: New Integration Flow Editor

 

In the old Integration flow editor, modelling area was less because it consists of simulation mode and tool bar. Also, the component palette was placed vertically and properties view was kept open by default when user opens the integration flow.

Image 2: Old Integration Flow Editor

 

Component Palette Horizontal View

Palette for component is moved horizontally to visualize modelling area in a better way and the simulation controls has been assembled in the separate section of the palette.

Image 3: New Component palette horizontal view

 

In the old integration flow editor, component palette was vertically placed and simulation mode, toolbar were overlapping the modelling area.

 Image 4: Old Component palette vertical view

 

Search Step

Searching the step from the component palette is time consuming. Sometime even experts struggle to figure out under which category steps are positioned. In order to simplify the job of integration developer, we have introduced a feature to search the step. You can search the step with free text. For example Script, Groovy etc.

Image 5: Search the step

 

Once the intended step is searched you can select and drop in the modelling area.

 

Double click

We have introduced a feature to open the properties view of step and integration flow through double click event. You must double click the shape to open its corresponding properties view. This event is enabled for all supported steps of integration flow tooling such as Events, Flow steps, Adapters, Participants and integration flow.

Image 6: Select step for double click

 

Image 7: Properties view of step is opened

 

Apart from double click you can also leverage the splitter and restore button to open the properties view.

Image 8: Splitter to move properties view up and down

 

Image 9: Restore button to open the properties view

 

Compressed Header section

Header section of the integration flow editor is reduced. Header section which comprises of icons, breadcrumbs, title name and action buttons etc. is reduced to accommodate more space in the modelling area.

Image 10: Header section of the integration flow editor

Conclusion

In the future increments we plan to continue improving the user experience, visualization and provide more features in the integration flow editor which will improve developer productivity.

Looking forward to your feedback on the new integration flow editor.

6 Comments
You must be Logged on to comment or reply to a post.
  • Hello Fatih,

    Thanks for appreciating. Please try out this new experience after the next update.

    Also let us know if you envision any further improvements which shall ease the iflow modelling aspects.

    We have some plans to improve the visual aspects like a grid layout in the modelling/canvas area to differentiate from the header and properties view, but it would come in near future.

    Regards,

    Kamlesh.

  • Hi Kamlesh ,

    Thank you for the nice introduction blog .

    Do you know maybe when are we going to get our CPI tenants upgraded to this new version ?

    We have still the 3.30.20 .

    Regards,

    Kai

    • Hello Kai,

      Thanks for appreciating.

      You can expect CPI update probably only in the beginning of December.

      I would wait for your feedback and experience sharing 🙂

       

      Thanks & Regards,

      Kamlesh.