Forum | Appery.io

I have a rest service that returns two values: year and month. I would like to combine those two in one label, so that the label text lookes like "January, 2012".

Is it possible to combine two values or do I have to create two labels to achieve this? If so, how can I make the width of the labels "auto"? If I try this, I keep ending up with the two values on two seperate lines.

Map both of them, make one of the labels invisible (year in this example). Then for the component where you want to display the result, run this JavaScript:

code
var year = Tiggzi('year').text();
return value+" "+year;
/code

Are you able to provide an example, because I am also trying to combine two values into one label (in a grid)? It is bit unclear where I should store your javascript and how/if it should be triggered by an event.

Let's say you have two UI components named 'year' and 'month'.

First, you map these values as usual.

For 'month', open JavaScript editor and write this:

var year = Tiggzi('year').text();
return value+" "+year;

the first line gets a value from the 'year' component. As you are in the mapping for 'month', its value is passed as 'value'. Now you can combine the two values.

The only think to keep in mind is order matters. In other words, 'year' should be before 'month' in the tree.

Is this correct understood?

Yes.

Hi Max, I've tried the example and it doesn't seem to work. I've tried changing the order as well with no luck.

I need some help please.

Sorry, I guess I was thinking about something else but the solution I provided won't work.

I think this should work. Map both variables to a component on a page. The first component, make it invisible, and save its value in local storage. Then, in the second mapping, get the value from local storage and combine the two.

When you are adding JS to a response and it opens up the "function(value, element) {.....}" box, could you explain what "element" is referring to?

Could you provide the code and appropriate screenshots to explain this answer, particularly what code goes where?