Skip to Content
Technical Articles
Author's profile photo Ralph Oliveira

Auto Refresh Fiori Style Cockpit from outside B1

Hello guys!

 

So, 9.1 on HANA  is in general availability and with it there comes the new SAP Fiori Style Cockpit.

 

Just like most things we are seeing related to the HANA world. It is based on web standards that allows a lot of flexibility, rich UX and simple usage.

 

Fiori_image.png

“So my customers may have a huge monitor with a lot of B1 indicators displaying that ANYWHERE???”

 

 

Yes, they can!

UPDATE AUG/2017

PLEASE NOTICE THIS IS CURRENTLY A CORE FUNCTIONALITY OF BUSINESS ONE. THEREFORE, THIS WORKAROUND IS NO LONGER NEEDED

 

And that is pretty much the reason of this posts. I got several inquires of customers that want to have their dashboards on distinct screens of b1.

Some not even want to log on the ERP to have those indicators. So, here goes a (very) simple way to have them without clicking every time on the refresh button and using a web browser.

 

Check it out!

 

What is it?

A very simple solution that uses an HTML Iframe to display the Fiori Cockpit

 

What is it using?

For the UI  – Twitter Bootstrap

For the auto refresh – JavaScript

For the events and commands – jQuery

 

Where is it?

You can find the code on my gitHub repository with other samples.

 

And you the URL to your cockpit is

https://hanaserver:4300/sap/sbo/portal/?site=/sap/sbo/cockpit/

 

 

 

Thanks and don’t forget to follow me on Twitter: @Ralphive

Assigned Tags

      14 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Anggy Rinaldy
      Anggy Rinaldy

      Hi Ralph,

      I want to try this,

      but when I access URL cockpit, only show flower, I wated for half hour did not change anything...

      while on SBO, i can see the fiori cockpit...

      What should I do ? I use latest HANA 85.3 SBO 9.1 PL 8

      SNAG-0087.jpg

      SNAG-0088.jpg

      Author's profile photo Ralph Oliveira
      Ralph Oliveira
      Blog Post Author

      Hi! Please, try these options:

      1st - Try in another broswer (not IE)

      2nd - right click on the page >> inspect element >> check for errors in the page

      3rd - try http://hanaserver:8000/sap/sbo/portal/?site=/sap/sbo/cockpit/ (HTTP instead)

      let me know if worked

      Author's profile photo Former Member
      Former Member

      Hi Ralph,

      Now it shows, but YOU ARE NOT AUTHORIZED

      what role sshould I give to SYSTEM ?

      https://192.168.212.5:4300/sap/sbo/cockpit/index.html

      SNAG-0218.jpg

      Author's profile photo Ralph Oliveira
      Ralph Oliveira
      Blog Post Author

      You need to authenticate in B1 Xapp framework.

      Like I did on the video and like the 3rd option on my previous answer.

      Author's profile photo Former Member
      Former Member

      HI Ralph,

      Thank you, now I'm able to show the dashboard !! the problem is the browser ! because I use IE 10, after I tried google chrome & firefox, it can shoows!!

      But there's one dashboard sales employee performance target, cannot show correctly,

      I guess this is using flash right ?

      the error in firefox is about security & in the google chrome it just broken

      is there any way to fix this ?

      too bad SBO menu cannot be accessed via web browser also 😛 (hope someday SBO will run onall web)

      Run on google chrome

      SNAG-0234.jpg

      Run on firefox

      SNAG-0235.jpg

      Actual Dashboard on SBO

      SNAG-0233.jpg

      Thanks & Regards,

      Hendra

      Author's profile photo Ralph Oliveira
      Ralph Oliveira
      Blog Post Author

      Hi! This resource is only available for the new HTML5 based features (HANA Extreme apps).

      Old flash dashboards and other legacy features won't be available

      Author's profile photo Braham DERARDJA
      Braham DERARDJA

      i have this issue now i don't now what i do : initPostMessage.js:1 Uncaught SyntaxError: Failed to execute 'postMessage' on 'Window': Invalid target origin '' in a call to 'postMessage'.errorload.PNG

      Author's profile photo Former Member
      Former Member

      Hi Ralph!!


      You can change the connection to use it with SAP BO 9.1 with SQL Server?

      Thank you.

      Greeting

      Author's profile photo Ralph Oliveira
      Ralph Oliveira
      Blog Post Author

      Nope!

      Cool things like that are HANA Only 😉

      Author's profile photo Braham DERARDJA
      Braham DERARDJA

      Hi Ralphi

      Thank you very much for this solution but when i've tried it in my case, the authentication page can't display i have the following error message in the console of the google chrome


      : 192.168.0.11:40000/sap/sbo/portal/?site=/sap/sbo/cockpit/:1 Refused to display 'https://192.168.0.11:40000/ControlCenter/sbo.html' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.


      The issue is about the ifram balise but i can't fix it can you help me please.

      autorefresherror.PNG

      Author's profile photo Braham DERARDJA
      Braham DERARDJA

      Hi Ralph, another issu the last issu has been resolved but now i have one issu i don't understand it is about the postMessage function look at picture please errorload.PNG

      how i must proceed thank you very much.

      Author's profile photo Ralph Oliveira
      Ralph Oliveira
      Blog Post Author

      Hum... Post message is done by the B1 Form (showed on the video) and not by this code.

      Does the cockpit works when you try to access

      http://hanaserver:8000/sap/sbo/portal/?site=/sap/sbo/cockpit/ (HTTP instead)


      ??

      Author's profile photo Brenden Draper
      Brenden Draper

      Hi Ralph,

      I am able to access that on my pc, but I have seen video's of people logging into the Fiori cockpit from the sap b1 mobile app. Is this possible and how can I set this up ?

      I want to use it the same way as in the following video:

      https://www.youtube.com/watch?v=GMRKr5MiCBw

      Kind Regards,

      Brenden Draper

       

      Author's profile photo Brenden Draper
      Brenden Draper

      Hi All,

      I managed to get everything sorted, by adding the integration server ip/hostname to the /etc/hosts file on the HANA server. Fixed all of my problems.

      Kind Regards,

      Brenden Draper