Hello Danny,
Thank you so much for all the help. I truly appreciate your patience in dealing with my most fundamental questions.
No problem! The point is that you got it. :-)
Hello Danny,
Thank you so much for all the help. I truly appreciate your patience in dealing with my most fundamental questions.
No problem! The point is that you got it. :-)
Hello Danny,
If you use the style inspector, you must place something like the below in the "BackgroundImage" CSS rule:
Note that you must place something like the above "as is", in other words, you cannot place only the image URL, even if you use the proper URL, that is, "../images/50thAnniversary.jpg", you must place the entire above string, including the "url()".
If you want to use the app's Custom Style option, then you must specify the selector of the app's view. You can learn about runtime selector in this help topic. For example, supposing your app's view is named "view1", you can place the below CSS code:
On the other hand, if you want to change the background image at runtime, we can use a bit of Javascript to do it: you can place the below code in a button click event, for example, supposing your app's view is named "view1":
Note how in the above case we are using another URL / path for the image: this is because we need that URL / path to be relative to our "index.html" file, not to be relative from the app's CSS stylesheets.
Hello Danny,
Thanks for your reply. There are a couple of things to consider. First of all, we must indicate in the "BackgroundImage" the URL of the image in the expected way, that is, like below:
Yes; we must include the path inside the "url", which is what the "BackgroundImage" CSS rule requires. On the other hand, note the URL path of the above image: we don't use the "app/images/..." path, but the "../images/..." path, since we must take in consideration the relative place of the app's CSS style files.
Hello to all,
Here is a new DecSoft App Builder with the below changes, fixes and enhancements:
Hello to all,
Here is a new DecSoft HTML Compiler with the below changes, fixes and enhancements:
Hello Danny,
Humm... Maybe some cache issue? Since you mention that at runtime everything works as expected, probably it's a cache issue, or you must save the app before compile it... or use the debug (not run) button to launch the app (because in that case the app it's saved before compile and run). On the other hand I play a bit with the Sidebar sample app and can't reproduce the problem...
Hello Danny,
Can I ask how you are trying to do it? You are using the app's or view's Style inspector? Or maybe using the app's Custom style option and some CSS rules?
Hello to all,
Here is a new DecSoft App Builder with the below changes, fixes and enhancements:
Hello to all,
Here is a new DecSoft App Builder with the below changes, fixes and enhancements:
Hello to all,
Here is a new DecSoft HTML Compiler with the below changes, fixes and enhancements:
Hello to all,
Here is a new DecSoft App Builder with the below changes, fixes and enhancements:
Hello Paolo,
Glad to know that you got it! :-)
Hello Paolo,
Just for your information... I try with the "@havesource/cordova-plugin-push" plugin ID (which you are using, if I am not wrong) and the sample app also works as expected here. So we can discard that the problem is realted with the the "original" plugin ID... the plugin ID which you are using is also working here as expected.
What version of Android you have installed in your device? Can you try with another device if possible?
Hello Paolo,
Please, try to upgrade / reinstall NodeJS. Additionally, try with other Android device (if possible) to see if the icon is shown properly. Why? Because the image that you post above shown an icon... which is not the app's icon... so apparently the custom icon is trying to be used? Maybe it's the Android version of your device has something to say too... what version of Android are you using?
Hello Paolo,
About the error while using the push plugin ID... apparently it's an internet connection problem? I can't be sure right now... the only I can say is that I use the plugin ID as you can see in the sample app and works (is installed) as expected...
About the push notification's icon, note that the image is shown correctly... but the icon fails... what I think is that you are not including the icon in your app? But you say above that the icon is copied in the expected folders...
Certainly the icon is missing (because it's blue, and in your image it's appear gray...)... but, if the icon is included in the app as an image file, I can't imagine why it's not used as expected... just like I can see it here...
Maybe the problem with the plugin ID is causing the icon problem? You have any kind of firewall running in your PC? Maybe what we must try in the first place is to install the plugin using his plugin ID... because if I can do it here... you must also do it!
Maybe you can perform a search around the error that you get when try to use the plugin ID... maybe you can found the problem that disallow to use the plugin ID at the first place: maybe update / reinstall NodeJS and GIT can help? :-/
P.S. Note the error in the console: "There is an internet connection problem or the plugin ID is no correct"... since the plugin ID is correct... because it's what I am using here... maybe the problem is certainly something related with the internet connection?
Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.
This website uses some useful cookies to store your preferences.