When i get the unicode from the api it is shown as its string in the UX.
Here is a picture from the screen:
<Each Items="{categories}">
<DockPanel>
<Rectangle Alignment="CenterLeft" Width="50%" Height="50">
<Clicked>
<Callback Handler="{goToSubCategory}" />
</Clicked>
<Circle Alignment="CenterLeft" Width="40" Height="40" Margin="10,0,0,0" Color="{color}">
<Icon Value="{imageMobile}" Alignment="Center" Color="White" FontSize="20" />
</Circle>
<Text Value="{description}" Alignment="CenterLeft" TextWrapping="Wrap" Margin="60,0,0,0" Color="Black" Opacity="0.5" />
</Rectangle>
<Rectangle Width="100%" Height="50" Color="White">
<Clicked>
<Callback Handler="{goToSubCategory}" />
</Clicked>
<Icon Alignment="CenterRight" Value="" Margin="0,0,10,0" FontSize="20" Color="Black" Opacity="0.5">
<Clicked>
<Callback Handler="{goToSubCategory}" />
</Clicked>
</Icon>
</Rectangle>
<Rectangle Height="1" Color="Gray" Opacity="0.3" Width="100%" Margin="120,0,0,0" Dock="Bottom" />
</DockPanel>
</Each>
and the JS:
fetch(activeUrl.apiURL + "/api/Category/GetMainCategories?ID=" + clientid, {
method: 'GET',
headers: {
"Content-type": "application/json"
},
dataType: 'json'
}).then(function(response) {
status = response.status;
//console.log("status from api call "+ status);
return response.json();
}).then(function(responseObject) {
console.log("OVA1 : " + JSON.stringify(responseObject));
for(var i = 0 ; i < responseObject.length ; i++)
{
categories.add(responseObject[i]);
}
}).catch(function(err) {
console.log("Error in function: " + err.message);
});