Design Studio 1.4 CSS of SDKs is not loaded correctly on Mobile BI App

[Former Member]

Hi Design Studio friends,

after migration of Design Studio 1.3 SP0 to Design Studio 1.4 SP0 Patch 1 we get the following issue.

When executing any application via SAP Mobile BI App (on iPhone or iPad) the CSS information of our SDK components are not loaded correctly.

When execution the same application on BIP via Web-Browser everything looks fine.

Do you have any idea if there is something to do in our SDK components or is it a bug of the Mobile BI App.

With the BIP AddOn Design Studio 1.3 SP0 all of our SDK components work correctly on iPhone or iPad.

We are using BIP 4.1 SP4.

Many thanks for your support and any ideas

Kind regards

Patrick

[Former Member · Accepted solution]

Issue is solved by Design Studio 1.4 AddOn Support Package 1 for BIP.

Kind regards

Patrick

[vincentdechandon]

Hi.

Running yesterday on the same issue then looking for it on SCN, I ended up here.

I have an easy fix I've tested and that work.

First, retrieve the URL of your component (you can use the draft I've made there : http://scn.sap.com/message/15689543#15689543 , with the help of and ).

Second, dynamically load CSS using jQuery :

$('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', <url your retrieved>+'css/component.css') );

I let you decide where this has to be put, but the best obviously is to do it earlier as possible.

This way you'll see your CSS in the BI Mobile App.

Hope it helps.

Br,

Vincent

EDIT : According to this , the problem is solved with SP01 of DS 1.4.

[Former Member]

Hi Patrick,

     We are facing the same issue here with the Mobile BI app on iOS as well as Android. Stylesheets do not get loaded on both. The Analysis application works as intended on Desktops & on mobile devices when opened in the browser through the BI Launch Pad but does not load CSS on the Mobile BI app. I don't think its a problem with your SDK component as it works on desktops. A workaround will be to add all your component styles in a Custom CSS in your Analysis Application as they get applied on the Mobile BI app.

Regards,

Stephen

[TammyPowlas]

Hi Patrick, Stephen,

SAP released another version of the Mobile BI for iOS yesterday at https://itunes.apple.com/us/app/sap-businessobjects-mobile/id441208302?mt=8

Could you both try downloading it to see if it resolves your issues?

[Former Member]

Hi Tammy,

the the issue was not resolved by the new Mobile BI for iOS Version (6.1.11).

Kind regards

Patrick

[Former Member]

Hi Stephan,

good idea, but it does not work in all of our cases.

We have some CSS classes using information from special font files. These classes do not work. Even if we add font files via BIP CMC directly to the folder containing the design studio application.

Kind regards

Patrick

[mike_howles4]

You can base-64 encode the fonts as web font approach all in just your .CSS file.

I blogged about it here:

[Former Member]

Hi Michael,

yes, this could be a solution for our demo and prototyp applications. Good idea.

But some of our customers would like to use our SDK components for productive usage of Design Studio on Mobile BI App. They have there own CSS-File (special naming for classes ...).

For us it is not possible to convert all SDK classes in time.

Especially it works with design studio 1.3. If I got an answer from SAP support I am going to share it here.

Kind regards and thanks

Patrick

[mike_howles4]

Yes thanks for keeping up posted on SAP's response.  I'll be interested.

Glad my workaround might help in some demo and prototyping cases at least in the short term.

Good luck!

[MustafaBensan]

Hi Patrick,

This looks like a bug in DS 1.4.  I will also be keen to know the feedback you get from SAP Support.  I hope they provide a fix in an upcoming DS 1.4 patch.

Thanks,

Mustafa.

[Former Member]

Hello together,

it's a bug and there is actually no workaround.

the final answer of SAP:

"We have now developed a fix for the issue and it will be included in

the next Design Studio release, which is 1.4 Sp1.

Please keep an eye on SAP note 1760372 - SAP BusinessObjects Design

Studio - Release Schedule  that details the release schedule for the

product."

Support Package 1 for version 1.4 is planned for CW08, 2015.

We will see if the issue is really solved .

Kind regards

Patrick

[Karol-K]

the only "temporary workaround" would be to copy the SDK css content into BIP CSS file, which can be bound to the application (application property -> Customer CSS).

Of course not for productive use, but at least for development of SDK and test on mobile.

also, for those who already installed or can install - the SDK component is loading the CSS dynamically, .

Perhaps at least some of you can find a help with it.

[TammyPowlas]

Patrick - to clarify, did you install patch 1 of Design Studio on the BI platform as well?  Are you on the latest release of Mobile BI for iOS?

[Former Member]

Hi Tammy,

yes patch 1 is installed on the BI platform.

And we are using the latest Mobile BI for iOs release (6.1.9)

Kind regards

Patrick