Forum | Appery.io

I have a custom component that has a picture. On the click of the picture, two local storage variables are mapped to two labels, with the following custom JS on the mapping:

return "Version: "+value;

Problem is, the LSV values are mapping just fine, the rest of the code does not.

The result of this is just the value, which it should not be.

I cannot even get it to work using just the custom JS:

var version = Apperyio.storage.information.get("$['version']");
var verDate = Apperyio.storage.information.get("$['version_date']");
var ver = "Version: " + version;
var date = "Date: " + verDate;
console.log(date);
Apperyio("version_value_lbl").val(ver);
Apperyio("version_date_lbl").val(date);

The console.log shows, but nothing else. I also have a problem showing/hiding a grid in a custom component.

Hello Jack,

Could you check that element's name attribute (https://devcenter.appery.io/documenta...)? Please send us screenshot with it

Is this what you are talking about?

You have to use "MenuGrid_488_version_value_lbl" instead of "version_value_lbl", because Appery.io automatically creates new elements according to custom component

Well the code is on the custom component, and the custom component is on multiple pages (it is a menu). "MenuGrid_488_version_value_lbl" will not be the name on each page. I need to reference the label in a way that will work on every page since the numbers in "MenuGrid_488_version_value_lbl" will be different for each menu that is on each page. How can I do this?

You can use selectors like:

$("[name*=version_value_lbl]") for selection all elements, which has "version_value_lbl" in name

I might be doing something wrong here, could you please show me how to use that selector in the code :Apperyio("version_value_lbl").val(ver);

I think the issue arises since there are multiple labels with "version_value_lbl" in their names since this custom component is on every page.

You have to use:

$("[name*=version_value_lbl]").val(ver);

instead of:
Apperyio("version_value_lbl").val(ver);