Problem with Popup dialog transparency

[Bożena Garbińska]

Yes, I monitor console all the time. No errors.

[Adam Garbinski]

Hi. Any ideas what to do next ?

[Alena Prykhodko]

Sorry, but no updates for now.

[Igor]

Please share app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and tell us the steps how can we check this.

[Bożena Garbińska]

Hello Igor,
App is already shared with you as '3mamcukier'.

You can check transparency this by following this steps:

1) open the app
2) on the "Start" page expand "Opcje"
3) toggle "Opcje zaawansowane"
4) you will see the dialog popup called "Zaloguj" with transparent background.
This popup in the app is called "LoginForm" and it has "on Load" event with the code listed in previous posts

Now to check missing transparency:
1) navigate to page called "Baza"
2) you will see only one input field there. Enter anything you like and click "Proponuj"
3) you will see the quick dialog popup confirming the operation without transparent background. This popup in the app is called "ArticleRequestSent" and you can see that it also has "on Load" transparency code as in case of "LoginForm".

[Adam Garbinski]

Hello Appery,
Any news on that issue?

[Kateryna Grynko]

Hi Adam,

Sorry, still working on it.

[Maryna Brodina]

Hello!
1) Try to delete code for making background transparent from page Load event (on all pages) and create separate JS asset with the following code pre$(document).on('pagebeforeshow','div[data-role="dialog"]', function (e, ui) {
// make parent page transparent
ui.prevPage.addClass("ui-dialog-background ");
});
$(document).on('pagehide','div[data-role="dialog"]', function (e, ui) {
$(".ui-dialog-background ").removeClass("ui-dialog-background ");
});/pre2) The problem is that when you are not on start screen, loading of dialog window deletes from document screen you used to open dialog. So to make transparent background work not on start screen you have to use Use full screen refresh while navigating between pages or check Render all pages in one HTML file (jQuery Mobile multi-page template) in App settings.

[Adam Garbinski]

Maryna.
You are master! It works great.
Many thanks!!!

[Sam6522984]

Hi there,

I have a problem with the provided JS and CSS. On my page the body seems a bit strange:
.png?1404381830]

Do you have an idea, why the header has a different opacity then the body?

Thanks in advance for your help.