Import Theme Roller theme?

[Maryna Brodina]

Hello!

Please check if it works for you when you install app on device (not testing through Appery.io Mobile tester). If it still doesn't work, please post steps to reproduce.

[Sean Doherty]

hello everyone,

OK, I'll install to device and report back, hopefully with good news! Thanks!

[Sean Doherty]

Hi Maryna,

I have installed the app on my android as an alpha-test app loaded to Google Play. The installed app still has the same issue described above. The steps to reproduce:

1) Create a custom theme through Theme Roller
2) Import custom theme to appery
3) Replace custom theme with a different one from Theme Roller following this (Source tab-WEB_RESOURCES-files-resources-lib-theme)
4) Repeat step 3 with another new Theme Roller.
5) Bug discovered.
6) Delete old custom theme asset.
7) Import the new custom theme asset (following step 2)
7a) Same bug exists. Check that CSS is not the issue by uploading back to Theme Roller. Theme appears fine on Theme Roller.
8) Create new JS asset per this http://prntscr.com/3bwrhr/direct
9) Theme works OK except for the footer, as per above screenshot
10) The above issues go away when I switch the theme back to a standard, included theme with Project / App Settings

Is there anything I can do to resolve? Should I undo all source changes according to this: http://docs.appery.io/tutorials/sourc...

Here is the public link: http://appery.io/app/mobile-frame?src...

Thank you for your help!

[Kateryna Grynko]

Hi Sean,

Your issue isn't connected with footer - the reason of such behavior is the navbar in the footer. For example, create an empty page with header and footer - they will be the same color. Drag a button in this page and you see that color of this button will be the same as color of navbar.

[Sean Doherty]

Hi Katya,

Thanks for looking into this. I'm not sure this is the issue. The footer color does change of course when there is a navbar or other button, but for my app the icons in buttons and navbar also disappear when placed in the footer. I have since switched the app to a standard theme provided by Appery, and there are no issues as I've described above. However, the standard theme is not the exact match that my client has requested, so I'm still in need of a complete work-around to the bug described above, or a bug fix With that in mind, any new updates on a fix to the bug identified above regarding importing themes? Thank you!

[Evgene Karachevtsev]

Hello Sean,

You should add in the css of your theme picture for .ui-icon
For example them flat-ui contains such row

code.ui-icon, .ui-icon-searchfield:after {
background-image: url(images/icons-18-white.png)
} /code