Forum | Appery.io

I made the above changes and it still does not work. (In Firefox)
BUT I then tested the app in Chrome and it works fine. I am using Firefox 23.0.1.
Unfortunately the Chrome browser causes other trouble like not showing links in the Data tabs of forms so I use Firefox.
Is there a solution to different browsers acting differently and what is your recommendation on what to use.

Thanks for the help so far.
You guys rock.

Hello! We tested and it works in Firefox 23.0.1 and Chrome 28. There might be another reason. Please try to debug your app http://docs.appery.io/documentation/d... and let us know about result.

Due to a time constraint I need to do other stuff at the moment.I will let you know when I get to debug it.

Right at the top of this thread you showed me how to get the input components which works fine:

var valuesArray = [];
$("[name=gridComponentName]:visible").find("input").each(function(){
valuesArray.push($(this).val());
});

I'm trying to do the same with toggle components but not finding anything.
i used .find("toggle").each..... as in the above example.

Hi Pete,
[quote:]I'm trying to do the same with toggle components but not finding anything.
i used .find("toggle").each..... as in the above example.[/quote]Toggle component is a HTML tag.
To find all the Toggle components you can use the following code:
codevar valuesArray = [];
$("[name=gridComponentName]:visible").find("select").each(function(){
valuesArray.push($(this).val());
});/code

Thank you so much. Works great. You are a star.

Is this type of of information documented somewhere?

Not having code completion it would be great to be able to have documentation showing all the methods of the controls used in Appery.io.

Hi Pete,

Only this http://docs.appery.io/tutorials/how-t...

Yes I have seen that documentation.

Ok I have one more question on this subject:

As above I want to also find "Labels" and then Show Hide them.
for example:
$("[name=gridComponentName]:visible").find("label").each(function() {
if (condition) {
Appery(this).show();
} else (
Appery(this).hide();
}

Hi Pete,

You can select all the Label components and hide them using the following code:codeAppery("mobilecontainer1").find("div").each(function(e) {
if ($(this).attr("data-role") === "appery_label"){
$(this).hide();
}
});/code
where mobilecontainer1 is a name of the page container.

The above did not find anything so I changed the mobilecontainer1 to the grid that the labels are on and it returned the first label found.
It did not return all the labels.
Also the $(this).hide(); or show() does nothing.
Any Ideas?

Hi Pete,

Could you please give us the code you tried?

Or give us a public link, or share the app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a. We are not able to see it.