nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Conditional Field Visibility for Pop-Ups Based on Attribute Value using Arcade - AGOL / Field Maps

CourtneyZ

Hi everyone,

I am currently working on a project using Forms in Field Maps/Map Viewer and am a little stuck. In the Form, I have added Arcade expressions in it where if the user selects a certain Defect Type only certain fields will show up for editing. However after they submit the form, the pop-up shows every other field in the layer. Is it possible to write an arcade expression (in Map Viewer pop-up) that reads the Defect Type(11 in total) field and depending on the answer, only shows certain fields (field does not have to be filled in but if it was applicable to the defect in the form I want it to show up)? For example, If Defect Type equals Unevenness, only show the fields Area(sqft), Height/Depth(in) & Sunken or Raised in the pop-up? If Defect Type = Missing Section, only show the fields Area(sqft) & Height /Depth(in) in the pop-up.

Thanks in advance!

Trouver plus de publications taguées avec

Arcade

Accepted answers

All comments

AdamOwens1

@AdkenKen I have the same question as @ChristopherBowering. Just hoping you could shed a little more light on the process.

ChristopherBowering

@KenBuja I am attempting to use this functionality as well. Within the pop-up configuration, Arcade content can be added via the "Add Content" button or it can be added as an expression within the Fields List content when selecting your desired fields. Which location does the Arcade code go for this purpose? When I try it directly as Arcade added content, the pop-up is blank; when I try it as a fields list expression, the pop-up shows this:

My code is a copy/paste of your original, just with my fields included. Does it matter if the domain is used with other fields? I have a general Yes/No domain that I'm using across many fields within the dataset.

var fields = Schema($feature).fields;
var attributes = {};
var fieldInfos = [];

function fieldTest(fieldList, fieldName) {
  if (Includes(fieldList, fieldName)) {
    attributes[fieldName] = $feature[fieldName];
    Push(fieldInfos, { fieldName: fieldName });
  }
}
var code = DomainName($feature, "FLOW");
for (var i in fields) {
  if (code == "Yes") fieldTest(["Color", "Odor", "Turbidity"], fields[i].name);
  else if (code == "No") fieldTest(["Damage", "Pool"], fields[i].name);
  //else if for each of other defect conditions
}

return { 
  type: "fields", 
  fieldInfos: fieldInfos, 
  attributes: attributes 
};

CourtneyZ

Okay I'll give that a shot! I just noticed though, while I am seeing the Arcade expression has no problem being executed on the Map Viewer, in Field Maps application it's not showing up at all and there's no error message. Does something need to be added to the code so that it shows up in both places?

kenbuja

Glad to help. Don't forget to click the Accept as Solution button on the post that answers your question.

If you want the fields in the order that they are in the original popup, then you have to get the schema for the FeatureSet using the FeatureSetByPortalItem function. This appears to be the only way to get them in their original order. If you want them in another custom order, that will take a little more coding. Replace line 1 with this

var fields = Schema(FeatureSetByPortalItem(Portal('your portal url'), 'your item number')).fields;

To get the alias, change the if statements to include the aliases and use "alias" instead of "name" at the end of the line

if (code == 3) fieldTest(["Defect ID", "Defect Type", "Comment", "Critical Area","Area (sqft)", "Height / Depth (in)"], fields[i].alias);

CourtneyZ

That works great! Thank you so much! I really appreciate this I am newer to Arcade.

If I wanted to clean it up - have a custom order (for the fields), and also have the field names show up as their edited alias names how would I make that modification?

var fields = Schema($feature).fields;
var attributes = {};
var fieldInfos = [];


function fieldTest(fieldList, fieldName) {
  if (Includes(fieldList, fieldName)) {
    attributes[fieldName] = $feature[fieldName];
    Push(fieldInfos, { fieldName: fieldName });
  }

}

var code = DomainName($feature,"DefectType");
for (var i in fields) {
  if (code == 3) fieldTest(["SystemID","DefectType","Comment","CriticalArea","Area_sqft", "Height / Depth (in)", "D03_Unevenness","SynTurfSystemID","SynTurfInsSystemID","CreationDate","Creator","EditDate","Editor"], fields[i].name);
  else if (code == 4) fieldTest(["SystemID","DefectType","Comment","CriticalArea","Height_Depth_in","Width_in","Length_ft","SynTurfSystemID","SynTurfInsSystemID","CreationDate","Creator","EditDate","Editor"], fields[i].name);
  else if (code == 5) fieldTest(["SystemID","DefectType","Comment","CriticalArea","Area_sqft", "Height / Depth (in)","Length_in","SynTurfSystemID","SynTurfInsSystemID","CreationDate","Creator","EditDate","Editor"], fields[i].name);
  else if (code == 6) fieldTest(["SystemID","DefectType","Comment","CriticalArea","Area_sqft", "Height / Depth (in)","SynTurfSystemID","SynTurfInsSystemID","CreationDate","Creator","EditDate","Editor"], fields[i].name);
  else if (code == 7) fieldTest(["SystemID","DefectType","Comment","CriticalArea","Area_sqft", "Length_ft","SynTurfSystemID","SynTurfInsSystemID","CreationDate","Creator","EditDate","Editor"], fields[i].name);
  else if (code == <span class="lia-unicode-emoji" title=":smiling_face_with_sunglasses:">😎</span> fieldTest(["SystemID","DefectType","Comment","CriticalArea","Area_sqft", "D08_BurnMark","SynTurfSystemID","SynTurfInsSystemID","CreationDate","Creator","EditDate","Editor"], fields[i].name);
  else if (code == 9) fieldTest(["SystemID","DefectType","Comment","CriticalArea","Area_sqft", "Height / Depth (in)","Length_ft","SynTurfSystemID","SynTurfInsSystemID","CreationDate","Creator","EditDate","Editor"], fields[i].name);
  else if (code == 10) fieldTest(["SystemID","DefectType","Comment","CriticalArea","D10_11_PoolingWeeds","SynTurfSystemID","SynTurfInsSystemID","CreationDate","Creator","EditDate","Editor"], fields[i].name);
  else if (code == 11) fieldTest(["SystemID","DefectType","Comment","CriticalArea","D10_11_PoolingWeeds","SynTurfSystemID","SynTurfInsSystemID","CreationDate","Creator","EditDate","Editor"], fields[i].name);
  else if (code == 12) fieldTest(["SystemID","DefectType","Comment","CriticalArea","Area_sqft", "D12_Vand_Deface","SynTurfSystemID","SynTurfInsSystemID","CreationDate","Creator","EditDate","Editor"], fields[i].name);
  else if (code == 12) fieldTest(["SystemID","DefectType","Comment","CriticalArea","SynTurfSystemID","SynTurfInsSystemID","CreationDate","Creator","EditDate","Editor"], fields[i].name);
  //else if for each of other defect conditions
}

return { 
  type: "fields", 
  fieldInfos: fieldInfos, 
  attributes: attributes
};

kenbuja

Here's one way to do it. This uses an Arcade element to return a truncated field list. It first gets the list of fields and loops through them. As it loops through the fields, the if statements sends a different set of fields for each Defect Type to the fieldTest function, which will populate the field list with the field names and their values. Note that if the Defect Type field uses a Domain, you'll have to use the DomainName function to use the descriptive name.

var fields = Schema($feature).fields;
var attributes = {};
var fieldInfos = [];

function fieldTest(fieldList, fieldName) {
  if (Includes(fieldList, fieldName)) {
    attributes[fieldName] = $feature[fieldName];
    Push(fieldInfos, { fieldName: fieldName });
  }
}
var code = $feature["Defect Type"]; // or DomainName($feature, "Defect Type)
for (var i in fields) {
  if (code == "Unevenness") fieldTest(["Area", "Height", "Sunken"], fields[i].name);
  else if (code == "Missing") fieldTest(["Area", "Height"], fields[i].name);
  //else if for each of other defect conditions
}

return { 
  type: "fields", 
  fieldInfos: fieldInfos, 
  attributes: attributes 
};

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.