Skip to Content
Author's profile photo Renald Wittwer

Changing a BSP Application into SAPUI5 layout by changing one line – the idea for a new BSP Extension

A lot of customers are still using BSP (Business Server Pages) Applications and lots of them are written with BSP Extensions. With BSP Extensions you don’t have to take care about Browser dependent programming or different layout options. The offered BSP Extensions from SAP take care about this. Here an easy “Hello World” page written with BSP Extensions:

BSPEXT01.jpg

The result of this code is:

BSPEXT02.jpg

In this example the Extension library “htmlb” is used. If a BSP Extension is able to generate HTML code, why not SAPUI5 HTML code? And the great thing is, that the Extensions are open to develop own Extensions…

This seems to be a great opportunity!

I made a test and created a new BSP-Extension “zui5” and implemented the elements from the example above. I used SAPUI5 Declarative Programming for this.

BSPEXT03.jpg

With this new Extension only one line has to be changed.

BSPEXT04.jpg

And the result is a SAPUI5 page, at least it looks like a SAPUI5 page:

BSPEXT05.jpg

OK, you are right, this page is not that impressive, but is shows that the idea works.

The idea is to have a SAPUI5 BSP Extension that can change the layout of every BSP Application written with BSP Extensions only by changing one line.

I know, this does not make a real SAPUI5 Application out of the already existing Applications. Things like JSON Data access and lots of others possibility are not taking into account. I don’t see this as a new environment for developing new SAPUI5 applications. But if such an Extension give the opportunity to change the layout of already existing Applications, this could be great.

I will implement more elements and do more test and let you know the result of this. Meanwhile I would love to get your feedback for this approach.

Assigned Tags

      10 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Peter Langner
      Peter Langner

      Hi Renald,

      I think this a great idea to bring things together.

      Cheers,

      Peter

      Author's profile photo Stefan Riedel-Seifert
      Stefan Riedel-Seifert

      Why so complicated? The objects for a sap_corbu theme are in the system and must be only copied to the right place or used by the themeRoot property of htmlb:content tag.

      Author's profile photo Renald Wittwer
      Renald Wittwer
      Blog Post Author

      Hi Stefan,

      this is an excellent point. If you want to use sap_corbu for your BSP Application and your SAPUI5 Application in the future, your approach is the better way. Thanks for pointing that out.

      What I had in my mind but didn't wrote is, that I want to use the sap.m library with sap_bluecrystal theme.

      And the last point is that such a BSP Extension would help to convert BSP into UI5 like bhargav kn says in his comment. But this has some limitations as described in the blog.

      Best regards

      Renald

      Author's profile photo Stefan Riedel-Seifert
      Stefan Riedel-Seifert

      Hi,

      meanwhile (>= 7.40) blue_crystal is also available.

      Author's profile photo Former Member
      Former Member

      Yes, True i think sap should look into this. This can help lot of us in converting BSP to UI5 app

      Author's profile photo srinivas karri
      srinivas karri

      Hi Renald,

      Wowww that's great idea. One thing i want to know.. how did you create "zui5" bsp extension. im soo impressed after reading your doc. Once again thanks for sharing...

      Regards,

      Srinivas.

      Author's profile photo Dennis Seah
      Dennis Seah

      HI Srinivas

      I have edited your posting as you have included your private email address. Kindly reachout to Renald via SCN's Direct Message

      Dennis Seah

      Moderator

      Author's profile photo Renald Wittwer
      Renald Wittwer
      Blog Post Author

      Hello Srinivas,

      thanks for your motivating comment. I will describe how to create an own BSP Extension in my next blog.

      Best regards

      Renald

      Author's profile photo Siddharth Chauhan
      Siddharth Chauhan

      Hi Renald,

      Can you share the blog where you have explained the ZUI5 application logic. what you have to define there.

      Thanks

      Siddharth

      Author's profile photo Aaron Rouhi
      Aaron Rouhi

      Hey Renald,

      Did you get any further with this idea?

      Cheers,

      Aaron