Problem with Popup dialog transparency
Yes, I monitor console all the time. No errors.
Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
Yes, I monitor console all the time. No errors.
Hi. Any ideas what to do next ?
Sorry, but no updates for now.
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.
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".
Hello Appery,
Any news on that issue?
Hi Adam,
Sorry, still working on it.
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.
Maryna.
You are master! It works great.
Many thanks!!!
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.