App not resize image

[img=FluxBB bbcode test]http://s15.postimg.org/84ab75h5n/Captura_de_Tela_196.png[/img]
[img=FluxBB bbcode test]http://s15.postimg.org/dalgi6vx7/Captura_de_Tela_197.png[/img]

The image logo in resolution 2304px x 753px;
The image is getting flattened.
How to solve the problem?
How do I turn the back button? I made a splash screen so wanted to disable the back button.

Hello andynhoo,

There is not a unique way to achieve this kind of "scale" issues. We can, for example, use the app's "Orientation" event, and the "[App.Orientation]" variable, in order to react when the "landscape" mode enter in action. We can then set another image's sizes using actions like "SetStyle".

We can also use something like above but also can use CSS media queries, the "[App.InnerWidth]" and "[App.InnerHeight]" variables with the "Resize" app's event, etc. Remember we can also use actions like "SetViewSize", "SetAppScaled", etc. Instead of resizing the image we can use other image, etc.

About the "back button", take a look at this forum's thread and also to the "ConfirmExit" application sample. If you have any further question, please, don't hesitate to post it here or open a new forum's thread if the topic is not related with this one.

Hello,

I forget to mention various app samples that can be useful here. For example, the "Scaled" app sample can be useful. And also the "Calculator" sample. Take a look at the "About" view of the "Calculator" sample in both "portrait" and "landscape" orientations:

In the above case we don't use any app's event nor action, but just certain CSS media query into the app's "Inline CSS" option:

The above CSS code is applied only when the orientation is "landscape", and, in this case put the about image at the 50%, reducing in that way the image is scaled and obtaining a better apparence (subject to opinion).

Hello,

I forget to mention various app samples that can be useful here. For example, the "Scaled" app sample can be useful. And also the "Calculator" sample. Take a look at the "About" view of the "Calculator" sample in both "portrait" and "landscape" orientations:

http://i.imgur.com/w8GFhP0.png

http://i.imgur.com/pOu8BPn.png

In the above case we don't use any app's event nor action, but just certain CSS media query into the app's "Inline CSS" option:

@media all and (orientation: landscape)<br>{ #Image1<br> {<br> width: 50%;<br> }<br>}

The above CSS code is applied only when the orientation is "landscape", and, in this case put the about image at the 50%, reducing in that way the image is scaled and obtaining a better apparence (subject to opinion).

How can I center an image independent orientation?

Hello,

Again, we can use certain App Builder actions or maybe a bit of CSS code. For this last case, we can center the image using these CSS rules: