white screen between screen

[Michael4771079]

Hi Katya,
the code I used was from another post on the same subject

https://getsatisfaction.com/apperyio/...

Maryna suggested this was the correct way to go
so now I am confused as to what is correct
in the other post the developer tried your solution.

.backgroundImg {

background-position: top center;
background-repeat: no-repeat;
background-image: url('files/views/assets/image/eatyourgreens_bg.jpg');
background-size: cover!important;
}
but it didnt work for him or me

The code I used worked, it calls the image, but it still shows the colour of the container swatch for a second before image appears?

[Maryna Brodina]

Hello!
1) It's better to use relative path like '../image/FolderSwitcherBG.jpg'
2) Not sure there is something we can do... the problem is that new page is loaded and it takes time. There is one way to render all pages in one html file. In this case page won't take too long to load and show elements.

[Michael4771079]

Hi Maryna,
so does that mean we cannot use a background image with themeroller successfully?
we cannot over write the theme swatch colour?
and we cant add a path to the image into the css for the theme?

if this is the case is bad news here,
and makes themeroller redundant except if you can use a background colour

[Maryna Brodina]

Hello! [quote:]so does that mean we cannot use a background image with themeroller successfully?[/quote] - it's not possible to add background image through Themeroller http://themeroller.jquerymobile.com/, but you can add it manually.
[quote:]we cannot over write the theme swatch colour?[/quote] you can do that, do you have any problem?
[quote:]and we cant add a path to the image into the css for the theme?[/quote]no, you can.

Problem with white screen is caused by browser/device performance because it takes time to load and show new page. If you use "Render all pages in one html file" option there shouldn't be white screen.

[Michael4771079]

Hi Maryna,

one html affects the app logic and the user input etc,

I can overwrite with css, but it just doesnt overwrite the swatch completely if a service is being called

I will have to rethink the logic, I may have to download all services to localstorage and that may overcome this issue.

When I asked you about you suggested a mock service, I looked at the docs you pointed to, I didnt see anything about mapping from localstorage to a grid and components in the grid, is the any info or an example to do this.

thx again

[Kateryna Grynko]

Hi Michael,

[quote:]mapping from localstorage to a grid and components in the grid[/quote]You cannot map from localStorage.

But if you use a localStorage variable value as a service response mock value - then this is a usual service.

You can map as usual and work as with usual service.

An only difference is that parameter service_name.__requestOptions.echo is set for this service.

[Michael4771079]

thanks Katya,
but I cant use this in production app

Note: Be sure to turn off the Echo service when using the app in production.

[Maryna Brodina]

Hello! It's the note for developers who use Echo just for testing purpose. You can use Echo mode in production app.

[Michael4771079]

Thanks Maryna,
are there any other docs regarding this, I diddnt find any or example of service setup

cheers

[Maryna Brodina]

Here it is http://docs.appery.io/documentation/r... (see Using Echo service mock section)