UI Business Server Pages (BSP)

How to Activate BS Application & resolved Error code 403

After transported the BS Application from development  to quality,  then test time it will received below error page.   This errors predict we need to activate service in Sap/bc/bsp/sap/zslmpolist. Go to SICF t-code. Copy Path Sap/bc/bsp/sap and execute. Then open the Tree view and select the your service and activate. in here service is zslmpolist. then Right click and upload. after that you need to go and check path  /sap/bc/ui5_ui5/sap/ …

Read More »

How to debug a BSP application (a tutorial)

Are you new to BSP development and wonder how to debug a BSP? Here is a little Blog that enables you to debug your BSP application. There are 4 steps you have to do to start the debugger for your BSP: Enter your user name in the section “Debugging External Requests” of the Debugger settings in transaction SE80. Set a personal break point in your BSP. Activate debugging in the …

Read More »

Relational graph with joint.js

Quick info on how to create a relationship graph using a java script library, html and business server pages. Hope you like it. Requirements: Java script library joint.js Stylesheet joint.css Both required files can be found at JointJS download. You can find more information about the joint.js library at JointJS – the HTML 5 JavaScript diagramming library. I found this an easy to use library for creating a relationship graph …

Read More »

Enhancing BSP Graphical Options with D3.js

I had been interested in trying out some new JavaScript libraries particularly related to the area of data visualization. I felt that some of these offered very promising complementary functionality to the standard BSP user interface building blocks. I plumped for D3.js as it seems to have gained some popularity and I liked what I saw. To test it out I decided to add a simple bar chart to a …

Read More »

Radar scan effect in BSP

The code comes from http://blog.csdn.net/cuixiping/article/details/7565574 1. Create a new BSP application with one page: Paste the code below into main.htm: <!doctype html> <head> <meta charset="utf-8" /> <title>Canvas Test</title> </head> <body> <canvas id="canvas1" width="400" height="300"></canvas> <script type="text/javascript" src="test.js"></script> <script> var img = new Image(); img.src = 'p1.jpg'; img.onload = init(); </script> </body> </html> 2. import the following JavaScript code as MIME type test.js to BSP application: function MyCtx(ctx){ this.ctx = ctx; …

Read More »

File upload using PLUpload and BSP

As we all know SAP has some great tools for uploading files into the system, but what if you want to create a completely custom web page that supported cross browser uploads and json….hmmm not so easy! While searching the web one day I came across a toolkit called PLUpload http://www.plupload.com/ but this was pure javascript. The features looked perfect for what I was needing to do. How could I …

Read More »

How to Log Off BSP app without closing IE

As you have probably found out already, the log off procedure explained onhttp://help.sap.com/saphelp_nw04/helpdata/en/6b/9d91d062cc52419f23926ff1bf2ad3/content.htm implies that you close the browser window. Now, this becomes almost impossible when dealing with handheld devices like barcode scanners. The scenario I’m going to refer to in this page is intended to SAP BSP developments for handheld devices running Windows Mobile and IE 6+. So all you need to do is: – close the current SAP …

Read More »

Search Help for BSPs using HTMLB and Javascript

Objective The objective of this document is to show how to develop a simple search help for Business Server Pages (BSP) using HTMLB and Javascript. There are many tutorials and blogs in SCN about developing search help for BSPs in many different ways. The intention of this document is to show how to use a pop up window with HTMLB tags in order to maintain SAP standardized UI atmosphere. Scenario …

Read More »

The Five Phases of a Dialog Step

Pre-Requisite: Model – View – Controller (MVC) First Phase: Initialization Second Phase: Receiving View Data Third Phase: Handling the User Command Fourth Phase: Do the Subsequent View(s) Fifth Phase: Finish Summary Reference In this blog post, I want to share some ideas about the processing of a single dialog step in an application. I am using the dialog step of a stateless Business Server Page application as example, but the …

Read More »