Anyone with experience with BDK Android and Iphone Why? the screen


On the iPhone it is perfect, with the contrast of the image having transparency at 40%
and the text above. You can see clearly.


But on Android it is very dark, only the menu at the bottom is as it should be.

Anyone know why? or how to fix it…

Has nothing to do with the screen strength of the light.

That’s odd. You could solve it with javascript. Use the free Bubble Toolbox plugin so you can use the Run Javascript action and the Javascript to Bubble element. This will allow you to determine on page load if it is iOS or not and then you can set a custom state. That custom state can be used in conditionals to change the styles (like the opacity). Here is the function to use in the Run Javascript action on Page Load:

function isiPhone() {
  return /iPhone/i.test(navigator.userAgent);
}

bubble_fn_example(isiPhone())

Then add the Javascript to Bubble element to your page and in the editor add the name “example” to the given input.

Now you can add a Do When workflow. Do when JS to Bubble element’s value is not empty. Then set a custom state of isiPhone to that value which will be true/false (yes/no). Now add a conditional to the elements to determine the opacity based on that variable.

This is a complex way of solving the issue and there may be better solutions but this is what comes to mind if it isn’t something being simply overlooked.

1 Like

Tanks a have runs some test now… And find what was wrong …Tanks agen for the fine suport :slight_smile:

1 Like