topic Re: Is it possible to conditionally show fields in a popup template? in ArcGIS JavaScript Maps SDK Questions

Is it possible to conditionally show fields in a popup template?

chuckfrank — Fri, 08 Jul 2016 18:06:07 GMT

Is there a way to condition show fields in the content of a PopupTemplate? For example, if field 1 = "A", can I display field 2 and if field 1 = "B" can I display field 3?

Re: Is it possible to conditionally show fields in a popup template?

SteveCole — Sun, 12 Dec 2021 05:37:47 GMT

I'd say not without doing some work on your own. I think you'd have to utilize a custom function to format the infoWindow's contents and use JS code to evaluate whether or not to show a given field. Something kind of like this:

        template = new InfoTemplate();
        template.setContent(SetPopupInfo);

    function SetPopupInfo(graphic) {
        //Function to compile the information to present in a feature identify window
        var fullAttr = graphic.attributes;
        var content;

        content = '<table width=\"100%\"><tr><td style=\"font-weight:bold;padding-left:3px;padding-right:3px\">Road Name:</td><td style=\"padding-left:3px;padding-right:3px\">' + fullAttr.rdName + '</td></tr>';
        if (fullAttr.status == 'CLOSED') {
            content = content + '<tr><td style=\"font-weight:bold;padding-left:3px;padding-right:3px\">Status:</td><td style=\"color:red;font-weight:bold;padding-left:3px;padding-right:3px\">' + fullAttr.status + '</td></tr>';
        } else {
            content = content + '<tr><td style=\"font-weight:bold;padding-left:3px;padding-right:3px\">Status:</td><td style=\"color:green;font-weight:bold;padding-left:3px;padding-right:3px\">' + fullAttr.status + '</td></tr>';
        }
        content = content + '<tr><td style=\"font-weight:bold;padding-left:3px;padding-right:3px;vertical-align:top\">Start of Closure:</td><td style=\"padding-left:3px;padding-right:3px;vertical-align:top\">' + fullAttr.cl_Start + '</td></tr>';
        content = content + '<tr><td style=\"font-weight:bold;padding-left:3px;padding-right:3px;vertical-align:top\">End of Closure:</td><td style=\"padding-left:3px;padding-right:3px;vertical-align:top\">' + fullAttr.cl_End + '</td></tr>';


        if (fullAttr.status == 'CLOSED') {
            content = content + '<tr><td style=\"font-weight:bold;padding-left:3px;padding-right:3px;vertical-align:top\">Closure Date:</td><td style=\"3padding-left:3px;padding-right:3px;vertical-align:top">' + formatDate(adjClosureDate) + ' @ ' + adjClosureTime + '</td></tr>';
        } else {
            content = content + '<tr><td style=\"font-weight:bold;padding-left:3px;padding-right:3px;vertical-align:top\">Closure Date:</td><td style=\"3padding-left:3px;padding-right:3px;vertical-align:top">' + formatDate(adjClosureDate) + ' @ ' + adjClosureTime + '</td></tr>';
            content = content + '<tr><td style=\"font-weight:bold;padding-left:3px;padding-right:3px;vertical-align:top\">Date Re-opened:</td><td style=\"3padding-left:3px;padding-right:3px;vertical-align:top">' + formatDate(adjOpenDate) + ' @ ' + adjOpenTime + '</td></tr>';
        }
        content = content + '<tr><td style=\"font-weight:bold;padding-left:3px;padding-right:3px\">Reason:</td><td tyle=\"padding-left:3px;padding-right:3px\">' + fullAttr.reason + '</td></tr></table>';
        return content;
    }

As you can see, the value of the attribute field STATUS dictates what and how something is shown in the infoWindow.

Re: Is it possible to conditionally show fields in a popup template?

SteveCole — Fri, 08 Jul 2016 22:08:26 GMT

This is what the two options would look like in the app:

Re: Is it possible to conditionally show fields in a popup template?

chuckfrank — Mon, 11 Jul 2016 15:39:44 GMT

Thanks for your help, but unfortunately, this approach is not working in 4.0 with a PopupTemplate.

// CODE

var wrpProjectsPopupTemplate = new PopupTemplate({

title: "{MapLayer}",

content: setPopupTemplateContent()

});

function setPopupTemplateContent(graphic) {

try {

var attr = graphic.attributes; -- getting error the graphic is undefined

return attr;

}

catch (err)

{

return err.message;

}

I may see if I can either get the graphic on a map click of the view or find an alternative the the PopupTemplate.

Thanks

Re: Is it possible to conditionally show fields in a popup template?

RobertScheitlin__GISP — Mon, 11 Jul 2016 15:52:47 GMT

Chuck,

Setting the popups content by function is not available yet in 4.0.

Re: Is it possible to conditionally show fields in a popup template?

chuckfrank — Mon, 11 Jul 2016 16:32:19 GMT

Hi Robert,

Thanks for providing that informaiton. Is there any link where people can see what is being developed for the next release of 4.0 and/or what the schedule is?

Thanks,

Chuck

Re: Is it possible to conditionally show fields in a popup template?

chuckfrank — Mon, 11 Jul 2016 16:34:16 GMT

Just found this: FAQs | ArcGIS API for JavaScript 4.0