Forum | Appery.io

Hello,

Where exactly do you pass these values to the body?
In your API Express service, REST component?

Could you please provide us with more details, screenshots or exact steps to reproduce this problem?

Hello,

You just need to shuffle the array "tracks" for that. See the example online, e.g.: https://stackoverflow.com/questions/245 ... ript-array

Hello,

You are right, the label component shows the HTML layout as it is. Please use the component HTML instead of the label to display the HTML

It is not possible to use the component name to disable/enable the component. Please use only its property disabled as I shown above

Hello,

Please use the inAppBrowser: https://docs.appery.io/docs/cordova-jqu ... appbrowser

it will allow you to open the website in the child window of the application (with the "close" button) or in the native browser, without opening the website as application page

Hello Simon,

Let's continue in the ticket #45818

Hello,

Please place all common functions to the custom service (Create new->TypeScript->Angular Service) you will get a sample code on how to use it. After that you can add this service on any page you need (in the tab code->Internal includes) and define a variable, based on that include.

Hello,

Could you please provide us with more details? Please provide us (support@appery.io) with a backup of that API Express service to test it on our side

Hello Simin,

Could you please check the Network tab of your browser? Do you see a correct response here? Where did you see a full response? Please provide us with some screenshots of these pages

Please use the following CSS for that:

.cssheader ion-toolbar {
   --background:#000000;
}

Could you please show the mapping from the service to the HTML component?

Does your data service return a pure HTML code?

Hello,

Could you please clarify a few things:

1. What project type do you use here? JQM, Ionic (1,4,5)

2. What styles exactly do you want to apply? To the header itself or the label/buttons on it?

Hello,

It renders the HTML correctly. What issue here exactly do you have?

Could you please provide us with more details, screenshots, or exact steps to reproduce this problem?

Hello,

What device/Android value do you use here?

What project type does your project have? What is the libraries version here?

It is better to save the response result to the local variable and use that variable on your page. According to the screenshot above, I see you have to use the following TS code on the success event of that service:

this.data = JSON.parse(res.feed.entry[0].content.$t);

Sorry, but these structures differ from the JSON you have sent above. Just be sure you pass the correct array to the variable "data".

Could you check the exact data structure from the network tab of the browser? I believe you will see the exact structure there

Hello,

What service response exactly do you have here? Have you set the mapping to your components?

Hello,

Please run the action "Update chart datasets" on the button click event to update the chart data

Hello Dan,

Have you set the [(ngModel)] for that radio component?

Please check if there are any errors in the browser console. You can learn here: https://docs.appery.io/docs/using-brows ... -js-errors how to open the console.

Hello,

Could you please provide us with the screenshot of that mapping to understand what is going wrong there?

Glad to hear things are sorted out now!

Hello,

You are right. Please use the in-app browser. Apple rejects simple window.open

What project type do you use here, Ionic 1, Ionic 4 or JQM?

Hello,

Could you please provide us with more details, screenshots, or exact steps to reproduce this problem?

Sorry, but the issue is not clear

Hello,

Do you have any custom Cordova plugin? They might set that key automatically. Please disable all of them and build the app again. Is the issue still there?

Hello,

Have you selected the latest Cordova version in your project? Please see here a solution how to fix the issue with "WKWebView" https://blog.appery.io/2020/07/importan ... age-error/

Hello Mark,

Yes, you can use the same trick in your Appery.io project. What issue exactly did you face with it?

Hello,

Do you run this code in the Ionic 4 application?

Could you please provide us more details on how you use it, where you see this error, etc?

Hello,

Please use one of these variables in the mapping (it will be available in the code of the mapping in the variable "value")
Other parameters please read with a simple code, it depends on the project type you use here. What project typer do you use? JQM, Ionic 1, or Ionic 4?

Hello,

You are right, this tutorial is based on Ionic 1, not Ionic 4 which is actually right now. What functionality exactly do you need to implement here? We will help you to do it with Ionic 4

Hello,

Have you solved the issue? I see you said that in the ticket #44066

Hello Johan,

Please see the answer in another topic: https://forum.appery.io/viewtopic.php?f ... 50#p118250

Hello Rahul,

Could you please provide us with more details, screenshots or exact steps to reproduce this problem?

Hello,

Please generate the correct service response structure on the test service page. Just run the same request there as you do in the application and click on the button "Import as Response". After that, you will get exactly the same data structure for the mapping as the response has.

Hello,

Have you tried a simple HTML component with a custom HTML layout for that?

Hello,

Please use a simple TS code here:

const profile = this.Apperyio.data.getStorage("SelectedProfile");

return {"$and":[{"to_users._id": value},{"profile": profile}]};

Please use the attribute max length for that https://developer.mozilla.org/en-US/doc ... /maxlength

Hello,

Sorry, but I don't see this application in the shared applications list. But it looks like you use custom Cordova plugins, which might cause that issue. Please disable them and run the build again. Does it solve the issue?

Hello,

Could you please clarify how you save/read these values? Using the mapping or the custom JS code?

Hello Korry,

Sorry, but it seems not possible to develop applications for tvOS. Please search online for an appropriate solution.

Appery.io supports Android and iOS only

Hello,

1. Please use the collection name "_devices", not "Devices" here

2. Please add the Master Key (in the last parameter of that method) to the request, this collection requires permissions to read data.

Hello,

The function, defined on the one screen is available only on that screen.
What project type do you use Ionic 1 or Ionic 4?

Hello,

Do you use a custom SQL query here? How do you put these values into the database?

What changes/dependencies exactly you have made here?

Thank you for this update! Glad it works now!

Please use that currentItem.itemData on the click event Run TypeScript, not in the property (click)

Please share (https://docs.appery.io/docs/teams-sharing-with-support) your app with support@appery.io and provide us with the following information:

1) App name
2) Test credentials if login functionality is implemented in your app
3) Detailed steps to reproduce the issue

Please add it to the "Properties" panel of the component you want to disable/enable:

If you need to control it with the TypeScript - please use a variable instead of the simple Boolean value as you can see on the screenshot abow

Sorry, what player do you mean? What functionality exactly are you going to add there?

Hello,

1 Please move the mapping array from AvailableProfileListI to AvailableProfileListItem

1. Please use the following code on the click event of the AvailableProfileListItem to read the current item:

 currentItem.itemData

Hello,

1. Capitalisation issue: it seems to be your custom logic. Appery.io doesn't make these changes.

2. Please add the property

   Code: Select all

   autocomplete="off"

   to that input component to disable the autocomplete

Please use the property

[attr.disabled]

for that. You can use any boolean variable or expression here to disable/enable component

Please see this tutorial on how to use it: https://docs.appery.io/docs/ionic-4-ngx ... l-advanced

Please see the "selectItem" function there

Glad to hear things are sorted out now!

Hello,

Do you need to get the index or the value of the row?

Hello,

What Ionic version do you use here Ionic 1 or Ionic 4?

Hello,

Please set the value to the variable, which you use un the property [(ngModel)] of that component, e.g.:

this.myVariable = this.Apperyio.data.getVariable("varName");

Hello Jatin,

This tutorial is based on the Ionic 1 application, but it seems you use Ionic 4. Could you please let us know what do you expect to do here? We will point you to the correct tutorial/example

Answered in the ticket #43448

Answered in the ticket #43448

Hello,

Please check all of these types of browsers:
_self
_blank
_system

_blank should open the inAppBrowser here

Hello,

Could you please provide us with more details, screenshots or exact steps to reproduce this problem?

Hello,

Do you want to connect it to Appery.io application?
What issues do you have with it?

Hello,

Have you made that app with Appery.io platform?

Hello Garry,

Do you import date values in the ISO format as it is required by Appery.io database? https://docs.appery.io/reference#databa ... data-types

You are right, only the latest version of the auto update plugin works. And it supports only the latest libraries version

Hello,

Let's continue the discussion in another topic: https://forum.appery.io/viewtopic.php?f ... 77#p117777

Hello,

We are very sorry, but test the app on/from xCode is something outside the scope (https://docs.appery.io/docs/general-support-policy) of our standard support. Please run it from Appery.io directly

Please use an attribute "maxlength" instead of "size", it should work fine with the input component

Yes, the mapping is correct. What value exactly does your property "Description" have?

Please try the same with the HTML component and the standard Ionic input https://ionicframework.com/docs/api/input
Does the size work for you there?

Could you please provide us with more details, screenshots or exact steps to reproduce this problem?

Hello,

In Appery.io platform it is better to keep your data in Storage variables, which you can use in your code or use in mappings of services: https://docs.appery.io/docs/snippets#set-variable

Hello,

Could you please provide us with more details, screenshots, or exact steps to reproduce this problem?

It seems you have set it in the tab "WYSIWYG", not "HTML Source". Please use exactly "HTML Source" for that

Hello Kevin,

What project type do you use Ionic 1 or Ionic 4? Do you use Appery.io default input component or the custom one using the HTML layout?

Hello,

Could you please provide us with more details, screenshots, or exact steps to reproduce this problem?

Glad to hear things are sorted out now!

Glad to hear things are sorted out now! Thank you for this update!

Hello,

What project type do you use here? Please provide us with a [public app link] (https://docs.appery.io/docs/testingande ... app-public) and exact steps to reproduce this problem.

Hello,

We don't have any specific instructions for that. All examples from plugin's repository page are acceptable in Appery.io

Hello,

Appery.io uses mongoDB, which has another way to generate IDs, so it doesn't increment the ID in the database.

Chris, thank you for the information!

Kathrine, could you please test it on your side? Does that solution fix the issue?

Hello,

Please see this example on how to draw a track on the map https://blog.appery.io/2015/12/how-to-i ... -tracking/

The API key is related to the application, not the device, so there is no possibility to avoid usage your Google account

Hello,

These examples are used for JQM apps, but don't work for Ionic 4. What exactly do you want to do here? Pass data between pages?

Hello Jackson,

Please use the event "Before page leaving" for that

Hello,

hideSpinner() and showSpinner() are used in JQM apps only.

In Ionic 4 you can use any spinner: https://ionicframework.com/docs/api/spinner
Just add it to the HTML component. To hide/show it you can use the simple directive *ngIf https://angular.io/api/common/NgIf

Hello,

Please search online for an appropriate solution. There are a lot of examples:
https://stackoverflow.com/questions/518 ... ng-ionic-4
https://forum.ionicframework.com/t/how- ... /138189/10

Hello,

What project type do you use here, JQM, Ionic 1, or Ionic 4? You can add the 3rd party library as a JS file (Create new->JavaScript) or define in in App settings->Resources

Hello Kevin,

Sorry, I don't think this is a correct declaration of the function. You can pass "any" type as a function parameter instead of the specific type

Hello,

Please use the following:

.ui-popup-container .ui-popup-content-wrapper{
	background-color:#8BADDC;
}

Please use a simple REST service here as I described above. It will work the same as a plugin but without additional coding

Hello Kevin,

We don't have such a function by default. Please search online for an appropriate solution. E.g.: https://stackoverflow.com/questions/281 ... config-xml

Hello Kevin,

Could you please provide us with more details, screenshots or exact steps to reproduce this problem?

Hello,

Yes, you can use this plugin in your app or just call the Google geocoding API to get the address: https://developers.google.com/maps/docu ... g/overview

Hello,

Please use the following JS code for that:

var lable1text = $(this).closest("[name=my_grid]").find("[name=label1]").text();

here "my_grid" - the name of the grid, which are generated automatically with a mapping of the array you use here

Could you please provide us with the screenshot of the mapping you use here?

Hello Garry,

Please remove coordinates and the address from the map and marker components

Add the mapping in the service to generate markers on the map

Kindly let us know the result.

Could you show the example? How do you set them? Just run that JS code again for that - it will update the control

Hello,

Yes, it is possible to do with some 3rd-party libraries like https://parall.ax/products/jspdf

The Storage API contains only simple functions to create/read/update variables, no extra functionality. In most cases, it is enough, if you need to add more - it is possible to use a custom code for that. We are not planning to add more functions there in the nearest future.

Hello,

Please select the option "release" on Project -> App Settings -> Android binary and build it again

How exactly do you set it? With a mapping, custom JS code, etc.?

Hello,

You are right, there is no API to update the array. Please read a full array to the local variable, make all changes in that variable and save it to the Storage back.

Hello,

Please add the property [(ngModel)] to that element and set the variable there which you will use to send data to the server. You can read it as

this.myVariable

and so on

Hello,

Please add the custom CSS code to fix it:

.ui-slider.ui-mini .ui-slider-track{
	left: 50px;
	width: -webkit-calc(100% - 50px);
}

Hello,

Please clarify, what project type is used here? JQM, Ionic 1, or Ionic 4?
How do you set values to that HTML component there?

You are right, in this case, you don't use Appery.io backend at all

You are right, it is for JQM. We don't have the example for Ionic 4, but you can find one online, e.g.: https://ionicframework.com/docs/api/infinite-scroll

Please see the answer in another topic: https://forum.appery.io/viewtopic.php?f ... 90#p117390

Hello,

Please add the custom class to the grid component and use it in the following CSS code for that:

.myGrid .row .col{
    width:50px;
    min-width: 50px;
    max-width: 50px;
}

Hello,

Please see the example in the blog post: https://blog.appery.io/2015/07/how-to-b ... te-scroll/

Hello,

Please add the TypeScript on the success event of the upload service:

alert(JSON.stringify(res));

The variable "res" contains a full response of the upload file request

Hello Antonio,

Please use the attribute ngClass to make the class dynamic for Ionic 3 projects: https://stackoverflow.com/questions/501 ... ss-ngclass

Hello,

Please see this example of how to make scrolls in the Ionic 4 application: https://ionicframework.com/docs/api/content

They are not available in Appery.io platform by default. Please see this link on how to use them in PWA: https://developer.mozilla.org/en-US/doc ... tions_Push

Glad to hear things are sorted out now!

Hello,

@brendanm is right. Please define a global variable for that and use it in the *ngIf property of that menu item https://angular.io/api/common/NgIf

Hello,

Please use a method navigateTo for that. See this documentation for more details: https://docs.appery.io/reference-link/j ... navigateto

Hello,

You are right, Push Notifications work only in native apps. No ways to use the same in PWA

Hello Brendan,

Could you add the custom CSS class to your page and use it in the SCSS selector there?

Thank you for this update! Glad it works now!

File type object must contain originalFileName and fileName fields https://docs.appery.io/reference#databa ... data-types

So I recommend you to keep just a filename in the string column, it is much simpler to use

Hello,

You are right, it is not allowed to add custom columns to the collection files. But you can add a custom column with a type "file" to the collection Users or add a string value with a filename there

Hello,

You are right, the combination of ngFor and ngIf doesn't work there. Please see possible solutions here: https://stackoverflow.com/questions/346 ... sing-error

Hello Steve,

What xCode version do you use there?

Hello,

You are right, it is not possible to use Blob objects in Appery.io Server Code, it is allowed only on the client-side

Hello,

It is pretty simple to do with *ngIf directive on any component you want to hide: https://angular.io/api/common/NgIf

Hello,

Please see the following video tutorial how to do the same in Ionic 4 without the auto update: https://www.youtube.com/watch?v=R-ink...

You are right, it might be the CORS issue there. @Steve please test the simple request to Appery.io database, does it work fine there?

Please share (https://docs.appery.io/docs/teams-sha...) your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and provide us with the app name. It seems you didn't include the inAppBrowser plugin or something else. We will check it

Have you enabled the inAppBrowser plugin?

Do you run the application on the real device, not in the browser? (inAppBrowser doesn't work in a simple browser, please use window.open there)

Sorry, getsatisfaction changed the code... the correct is:

pre(<any>window)&#46;cordova&#46;InAppBrowser&#46;open("https:&#47;&#47;google&#46;com");/pre

Hello,

This example works for JQM apps, but not for Ionic 4.

Please use the following code for Ionic 4 applications: pre(window)&#46;cordova&#46;InAppBrowser&#46;open("https:&#47;&#47;google&#46;com") - так /pre

Hello David,

You use the Ionic 4 platform, but the tutorial is about the JQM. If you just test the platform we suggest you to create a brand new app, based on JQM. If you already have the application ready-please let us know that, we will show you the example for Ionic 4

Please check if there are any errors in the browser console. You can learn here: https://docs.appery.io/docs/using-bro... how to open the console.

In that ticket, it was the issue of calling http servers instead of https

The weinre debugger might be initialized after these events, that is why I asked you to add alerts to see them in the application instead of the console.log

Just trigger the click event with a vanilla JS https://developer.mozilla.org/en-US/d...

Hello Andy,

Glad to hear things are sorted out now!

Hello Chris,

How do you check the log in the app, using the Weinre debugger? Please check the same events with an alert, for example, to be sure it was triggered.
The push init should run each time the app is opening

Hello Deon,

It might depend on the size of your image and custom CSS, because it just sets the CSS properties height and width.

Is the service called on the app start? Or this alert comes right after the app is starting? If so - there is an error with the app loading, not a service. Let me know if I didn't get the issue

Hello Steve,

Could you please clarify, what exactly is not working here when you say "the web services did not load"?
Could you please provide us with more details, screenshots, or exact steps to reproduce this problem?

Hello Deon,

Do you use JQM project here?
It seems the first click is used on the youtube video. As a workaround, you can use the programable double click here.

Please change the password in your certificate, which is used to build Android apps. It should not start from a space or tab symbol

Hello Andy,

You are right, it exports sources of your project. You can build it by yourself to get HTML/JS/CSS files. Please see Ionic documentation page how to do it: https://ionicframework.com/docs/cli/c...

Please create a new page with a simple label with a custom class "mybutton" and use my SCSS above, it works fine.
It seems something wrong with your custom styles, if it will work for you, but not working with your styles.

If you published your app recently - you can keep the existing application without problems. If you did it ₁ year ago - we recommend you to republish it

Please provide the exact SCSS code you use here with all styles. Also please provide us with a structure of your page to see how it looks like

Hello Andy,

The media queries work fine in the SCSS. It might the issue with the style you use here.

Could you please provide us with the exact example which you use here? What components/styles do you need to change with this style?

Sorry, I didn't get it. Do you want to keep the existing version of the application in the App Store or you need to publish the final version? Or you want to stop all auto updates from Appery.io?

Have you cleared all changes in source files built a new app, installed on the device?
It was working fine on our device.

Have you tested it with another iOS version, e.g. 13?

It might be the issue with your custom plugins. Please disable them and run the build again

Please share (https://docs.appery.io/docs/teams-sha...) your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and provide us with the app name, we will check it on our side

Hello Andy,

You can ignore this message, it works fine if you return a string right in that function

Please select the latest PushPlugin and try again.
Do you see any errors in the Weinre console?

Hello Chris,

Could you please clarify, where exactly do you run this code?

Hello Bert,

Have you stored that value to the Storage and rea dit from there?

Hello Zahid,

You don't need old files for that, you can build the app right in the Appery.io platfrom

Glad to hear things are sorted out now! Thank you for the update

You use a mapping to images, located in the grid. The provided CSS is used for images without that grid.

Please use the following CSS for your case:
pre[data-wrapper-for="mobilegrid_208"]{
display: inline-block;
width: 20%;
}/pre

Hello,

Have you added a class "my_img" to each image? Could you show a screenshot of how you did it?

Hello Amirul,

Sorry, but we don't have such a tutorial. Please search online for an appropriate solution, this is a simple thing to do

Hello Kevin,

Have you uploaded all files to the sources tab?

Sorry, but it won't work in this way, because you have to create pages with Appery.io Visual Editor. At least - add all HTML layouts to the HTML component. Else - not possible to work VIsual Editor Events and other functions

It seems to work fine on our side. Please disable custom plugins and build the app again.
What device/iOS version do you use there? We are testing it by clicking on menu items, correct?

Hello Andy,

Please try to debug your app remotely using [Weinre debugger] (https://docs.appery.io/docs/weinre-de...). Please check if there are any errors in the Weinre console.

Hello Deon,

API Express tries to read items according to the request JSON. In your case it is:
"chapter": null,
"programme": null
....

If you need to read all items with "chapter":1, please use a request JSON below:

{"chapter":1}

Hello Steve,

Please click on the plus button to add these options:

The same. This solution should work for JQM and Ionic 1 libraries.

Please pay attention to the plugin "cordova-plugin-ionic-webview". You don't need to import it to Appery.io platform. It already exists in the Cordova Core plugins tab.

Hello,

We have checked it one more time. Here is the last update on how to make it work in JQM apps:

• Select the latest libraries version;
• Select the latest InAppBrowser plugin (3.2.0+);
• Add the custom Cordova plugin: "cordova-plugin-ionic-webview"

Hello,

What do you mean with "the active row"? the row with the focused component or hovered by the pointer?

You are right, this is how the PWA works.
You can change the live time for all libraries by changing strategy. Please see the example here: https://blog.appery.io/2019/06/some-u...

Thank you. Unfortunately, this is a default Ionic behavior, which uploads all libraries/images at the first call. After that it uses cached values, that is why you see the speed up

Please share (https://docs.appery.io/docs/teams-sha...) your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and provide us with the app name and a link to the published version

Please share (https://docs.appery.io/docs/teams-sha...) your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and provide us with the app name, we will check what might be wrong with it

Hello,

Have you published it using Appery.io hosting or your own?
Please check if there are any errors in the browser console. You can learn here: https://docs.appery.io/docs/using-bro... how to open the console.

Hello Ron,

Could you please check images in the folder Cordova/resources/ios/splash

Are all images there uploaded by you or you see some Appery.io default images?

Hello Chris,

Glad to hear things are sorted out now!
Could you please specify do you need further assistance?

Thank you for the update! Glad it works now!

Hello Bernie,

Do you need to apply these styles to all input components or only for the specific one?
Please use the following CSS for that: prediv&#46;ui-input-text{
border: none;
box-shadow: none;
}/pre

Hello,

This is a restriction by Google. Not possible to use the latest libraries version (it uses the latest Android SDK) with old devices. As a workaround, you can use the previous libraries version, which has the option to select lower Min SDK version

If you updated the libraries' version - please build the app again and install a new version to the device. The auto-update feature can't update the libraries' version.

This is the abstract example where each item of the array "myArray" has a property "A"

Hello Deon,

Have you enabled the Cordova plugin "Hot Code Push Plugin"?
Have you installed the applications with that plugin and enabled auto-update feature to the device?

Sorry, but it is not clear for me. What exactly do you need to do with these values? What is wrong with them? Please show us the exact screen you need to get

What code exactly do you use here and what result do you expect to see here?

Please don't use multiple input mapping arrows
It might break all your custom code.

Sure, please see the documentation of our database API: https://docs.appery.io/reference#data...

It doesn't reflect the Appery.io application, so you can continue to use it as you did before. Please see the information of SDKs on Android official website: https://developer.android.com/studio/...

Hello Mark,

According to your other ticket https://getsatisfaction.com/apperyio/... the issue was fixed, right?

Hello Mark,

Glad to hear things are sorted out now!

It is pretty simple to do with a mapping from the Storage variable to the request parameter "_id" of the read service. Just add it to your page and see what parameters it has

Yes, it will work if you replace _id and myDBKey with real values

Please use a simple mapping from your input component to the request parameter of the Server Code, which has to get this value: https://docs.appery.io/docs/appbuilde...

Please use the similar JS code to https://getsatisfaction.com/apperyio/...

You just need to make a loop through grids, not inputs

We are very sorry, but this is something outside the scope (https://docs.appery.io/docs/general-s...) of our standard support.

Is that grid generated by the service mapping, or you have created it manually?

Yes, this is important. Kindly let us know the result.

Thank you for details.

Please make only two changes in your app:

1. Add a custom class to your button, e.g. myClass

2. Add a SCSS code with this class:pre&#46;myClass{
   --ion-color-contrast:black!important;
   }/pre

Hello,

It is pretty easy to do with Appery.io plugins system https://docs.appery.io/docs/appexport...

Just export a specific app page (ore pages) to the plugin and import it to another project

1. You can read a text value instead of the value by changing pre$(el)&#46;val()/pre to pre$(el)&#46;text()/pre in your code
   
   1. Sorry, but I can't get the idea, what you are trying to do here. Do you need to check checkboxes according to values in the localStorage?

I meant to check in the dev tools of your browser: https://developers.google.com/web/too...

It will help you understand what CSS selector you have to use to overwrite the current color

Hello Ellen,

What values do these checkboxes have? It seems you didn't set properties "value" to them

Hello,

Please check the current color property. What selector is used to set it?

Please check another version of the plugin, do you use the latest one?