cancel
Showing results for 
Search instead for 
Did you mean: 

Transparent background for SplitApp and applications

steffen_weber
Employee
Employee
0 Kudos

Hi experts,

we are using UI5 version 1.22.3 and wonder if it is possible to make the background of the split app transparent , so that we can see the shell image through the split app?

In the former version we were able to achieve this via CSS, which seems to be not longer possible.

We also tried method SetBackgroundOpacity, but this only effects a background image of the SplitApp, which we don't use.

Our SplitApp uses it's default colors, no customizing here.

Example: the red area should be transparent so that we can see the background image with the flowers, which is the background image of the shell.

Any idea?

KR Steffen

Accepted Solutions (0)

Answers (3)

Answers (3)

Former Member
0 Kudos

Try setting the opacity of the shell content by doing this, so that your background gets visible.


<style>

section.sapMShellContent{

  opacity : 0.8

  }

</style>

Regards

Sakthivel

Former Member
0 Kudos

Hi Steffen,

Something like this? http://jsbin.com/hiqeyuqozigi/1/edit

<style type="text/css">

  .sapMShellContent, .sapMSplitApp {

  background: transparent;

}

</style> 

Best regards,

Jeroen

steffen_weber
Employee
Employee
0 Kudos

No ideas?