Feature Info widget colours don't match Popup when using HTML

Question

I'm using arcade expressions to populate a complex popup lots of HTML involved to create a tall and wide table, hence the fact I am using the feature info widget to display it, I am supposed to be matching corporate colours. when viewed in the popup it works grand I can have a white text on a dark background but when it populates in the feature info widget the colour changes. Screen grab below gives a good idea of what is happening.

If anyone has any suggestions or has encountered this before I would be grateful if they could put me on the right track.

LarryMcEvoy70 · Answer

Hi Wei,

I have read about this setting but I don't appear to have this setting, I assume it should be in the style tab or the content tab neither appears to have it.

Wei_Ying · Answer

@LarryMcEvoy70  could you confirm if you are choose "Respect the source" option in FeatureInfo setting?

LarryMcEvoy70 · Answer

Hi Wei, Thanks for the feedback, below is one of the expressions used hope it helps Larry /* Open the Suggestions tab and choose a template to get started creating different content types for your pop-up. To learn more about using Arcade to create pop-up content visit: https://developers.arcgis.com/arcade/guide/profiles/#popup-element */ function planninghistory () { Var register=FeatureSetById($map, /* Planning_Register */ "Planning_Register_4480") var history=Intersects($feature,register); var ordered=Orderby(history, 'ref DESC'); var urlbase=' ${I.REF} ` } if (count(list)==0){ return "No Planning History" }else return list } function units () { var x=$feature["FIRST_FIRST_MaxDensity"] var y=$feature["FIRST_FIRST_MinDensity"] var ha =$feature.areaHA var z='' if (x >0){ z= Floor(((x+y)/2*ha)) } else {z='Not a Core Strategy Site'} return z } function enforcementHist () { //Enforcement History 7 Var register =FeatureSetById($map, /* Planning Enforcement */ "Planning_Enforcement_3452") var history=Intersects($feature,register); var list='' for(var I in history){ list += ` ${I.REF},` } if (count(list)>0){ return left(list, count(list)-1);} else { console('Not Sure') return "No Enforcements mapped, note the enforcement mapping is incomplete" } } function housecountinfo () { var resdets=FeatureSetById($map, /* Residential Permissions */ "18330d672f7-layer-22") var resact=Intersects($feature,resdets) var stats = GroupBy(resact, [ { name: "Status", expression: "Status" }, ], [ { name: 'Units', expression: 'units', statistic: 'Sum' } ] ); var list='' if (count(stats)>0){ for (var x in stats){ var decoded=decode (x.status, 1,'Not Commenced ',2,'Under Construction ',3,'Completed ','Expired/Superseeded/Quashed consents ') list += decoded + x.units + ' units' +TextFormatting.NewLine } } else { list = 'No House Count Info' } return list } var list=planninghistory() var projunits=units() var enforce=enforcementHist() var resconst=housecountinfo() var result=`

Site Details for Site ${$feature.PARCEL_ID}
Neighbourhood	${DomainName($feature, "Neighbourhood")}	Site Area	${Round($feature.areaHA,3)}
Zoning	${$feature.ZONE_ORIG}	Greenfield / Brownfield	${DomainName($feature, "FIRST_classification")}
Existing Residental Property	${iif ($feature["sum_residential_delivery_points"]>0,'YES','NO') }	Potential Units	${projunits}
Planning History	${list}
Enforcement History	${enforce}
Residential Construction	${resconst}

` return { type : 'text', text : result }