Forum | Appery.io

Hi,
Im trying to upgrade an app and I am getting 2 main errors on mutiple pages
These services are running on the test tab,
here are screenshots of errors in console
Any ideas on how I fix these?

Can I please get a response here,
this app is a production app and from old builder is working as intended in builder and when downloaded from the app stores.
We need to upgrade this app and also reskin it for another client.
In old builder all runs perfectly, in new builder we get the errors above and no components on the screen.

I cannot wait weeks for this to be resolved, I didnt break it.
The upgrade to new builder broke all my apps but this one is a major problem.

app is shared, app name "anglo Pizza"
project fb9a304e-0de6-43ad-9107-2599e01bc76c

please advise

Hello Michael,

Sorry for delayed reply!
We'll test this and let you know when have more information from developers team. It will take some time, sorry for inconveniences caused.

Thank you Alena,
I really struggling here

Hi folks,
here is an update
I added a test page and created a modelstorage and saved a collection in localstorage.
On success I mapped the lsv to the grid with the collapsible block.

Previous errors are gone and the data shows on the collapsible content area,
But the collapsible block header does not show
there are no errors in the console

I commented out custom css and js to try and resolve, but no luck

and the following code thats run on click of order button has stopped saving item
to localstorage
code$grid = $(this).closest("[name=mobilegrid_1_3]");
save({'Item':$grid.find("[name=sundrieslabel_55]").text(),
'Price':$grid.find("[name=costlabel_58]").text()},
"livesundriesorderArray");
/code

Also css for button colours has stopped working
code.ui-btn-up-f{

background: #b4ddb4; /* Old browsers /
background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 94%, #002400 100%); / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4ddb4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(67%,#008a00), color-stop(94%,#005700), color-stop(100%,#002400)); / Chrome,Safari4+ /
background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 94%,#002400 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 94%,#002400 100%); / Opera 11.10+ /
background: -ms-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 94%,#002400 100%); / IE10+ /
background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 94%,#002400 100%); / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); / IE6-9 */

}

.ui-btn-hover-f{
background: #cedce7; /* Old browsers /
background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); / Chrome,Safari4+ /
background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%); / Opera 11.10+ /
background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%); / IE10+ /
background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); / IE6-9 */

}

.ui-btn-down-f{
background: #f85032; /* Old browsers /
background: -moz-linear-gradient(top, #f85032 0%, #f6290c 7%, #f16f5c 37%, #f16f5c 48%, #f6290c 82%, #f6290c 87%, #f02f17 95%, #e73827 100%); / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(7%,#f6290c), color-stop(37%,#f16f5c), color-stop(48%,#f16f5c), color-stop(82%,#f6290c), color-stop(87%,#f6290c), color-stop(95%,#f02f17), color-stop(100%,#e73827)); / Chrome,Safari4+ /
background: -webkit-linear-gradient(top, #f85032 0%,#f6290c 7%,#f16f5c 37%,#f16f5c 48%,#f6290c 82%,#f6290c 87%,#f02f17 95%,#e73827 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, #f85032 0%,#f6290c 7%,#f16f5c 37%,#f16f5c 48%,#f6290c 82%,#f6290c 87%,#f02f17 95%,#e73827 100%); / Opera 11.10+ /
background: -ms-linear-gradient(top, #f85032 0%,#f6290c 7%,#f16f5c 37%,#f16f5c 48%,#f6290c 82%,#f6290c 87%,#f02f17 95%,#e73827 100%); / IE10+ /
background: linear-gradient(to bottom, #f85032 0%,#f6290c 7%,#f16f5c 37%,#f16f5c 48%,#f6290c 82%,#f6290c 87%,#f02f17 95%,#e73827 100%); / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); / IE6-9 */
}
/code

Hi Michael -

You need to change your mappings for services that are throwing errors in console.

Thanks lllya,
I changed to new mapping, see screenshots above, and your right the errors are gone, but look at the screenshots above,
the data is present but the collapsible block header is missing.
The collapsible block header is viewable in mapping but not on screen in browser
You can test this by
open app, login use "a" for login and pass, next screen click new order, from menu click item 9
no errors in console

also this code to save items to localstorage isnt working since upgrade

code$grid = $(this).closest("[name=mobilegrid_1_3]");
save({'Item':$grid.find("[name=sundrieslabel_55]").text(),
'Price':$grid.find("[name=costlabel_58]").text()},
"livesundriesorderArray");
/code

Hi lllya,
any news here on these 2 items above

Hi Michael,

We are working on it, we need some time to find what could causing this.