Pop-Up Attribute expression related table returning [object Object]

ScoutStanley

Hi, I have a pop-up that is needing to reference information from related table. Currently, I have an attribute expression that returns result in the test area (image 1). However, when I click within map it returns [object Object]. Any ideas on how to correct? The end goal is that pop-up will show candidates running for office and their information. 

Image 1

Image 2 

 

JohannesLindner

If you use the new Map Viewer, you can use the Arcade Element. Here, you can return HTML that gets interpreted by the popup (as opposed to an Arcade Expression, where HTML won't get interpreted).

 

 

 

Really simple:

var fs = ...

var candidates = []
for(var f in fs) {
    var c = `<strong>${f.Candidate_Name}</strong><br/>Phone: ${f.Phone_Number}<br/>Address: ${f.Address}`
    Push(candidates, c)
}

return { 
    type : 'text', 
    text : Concatenate(candidates, '<br/><br/>')
}

 

Align phone and address, using a table:

var c = `<strong>${f.Candidate_Name}</strong><table><tr><td>Phone:</td><td>${f.Phone_Number}</td></tr><tr><td>Address</td><td>${f.Address}</td></tr></table>`

 

Using symbols:

var person_icon = "https://example.com/person.png"
var phone_icon = "https://example.com/phone.png"
var address_icon = "https://example.com/address.png"

//...

    var c = `<table>
    <tr><td><img src="${person_icon}" height=16></td><td><strong>${f.Candidate_Name}</strong></td></tr>
    <tr><td><img src="${phone_icon}" height=16></td><td>${f.Phone_Number}</td></tr>
    <tr><td><img src="${address_icon}" height=16></td><td>${f.Address}</td></tr>
    </table>`