Radio Button inside Pup Window

NadirHussain — Sun, 22 May 2022 08:57:55 GMT

<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="initial-scale=1,maximum-scale=1,user-scalable=no"
/>
<title>Identify | Sample | ArcGIS API for JavaScript 4.23</title>

.esri-popup .esri-popup-header .esri-title {
font-size: 18px;
font-weight: bolder;
}

.esri-popup .esri-popup-body .esri-popup-content {
font-size: 14px;
}
</style>

// URL to the map service where the identify will be performed
var identifyURL =
"https://sampleserver6.arcgisonline.com/arcgis/rest/services/MtBaldy_BaseMap/MapServer";

// Add the map service as a MapImageLayer
// use identify to query the service to add interactivity to the app
var identifyLayer = new MapImageLayer({
url: identifyURL,
opacity: 0.5
});

var map = new Map({
basemap: "osm"
});
map.add(identifyLayer);

var view = new MapView({
map: map,
container: "viewDiv",
center: [-117.23502, 34.23911],
zoom: 13
});

view.when(function () {
// executeIdentify() is called each time the view is clicked
view.on("click", executeIdentify);

// Set the parameters for the identify
params = new IdentifyParameters();
params.tolerance = 3;
params.layerIds = [0, 1, 2, 3, 4];
params.layerOption = "All";
params.width = view.width;
params.height = view.height;
});

// Executes each time the view is clicked
function executeIdentify(event) {
// Set the geometry to the location of the view click
params.geometry = event.mapPoint;
params.mapExtent = view.extent;
document.getElementById("viewDiv").style.cursor = "wait";

// This function returns a promise that resolves to an array of features
// A custom popupTemplate is set for each feature based on the layer it
// originates from
identify
.identify(identifyURL, params)
.then(function (response) {
var results = response.results;

return results.map(function (result) {
var feature = result.feature;
var layerName = result.layerName;

feature.attributes.layerName = layerName;
if (layerName === "Landuse") {
feature.popupTemplate = {
// autocasts as new PopupTemplate()
title: layerName,
content:
"<b>Block ID:</b> {BLOCK_ID} " +
"<br><b>Geometry Type:</b> {Shape}" +
"<br><b>Landuse Area:</b> {Shape_Area}"+
"<br><label for=rdComp >اسم الشركة</label><input type=radio id= rdComp name=rdGroup value=Comp checked=checked></><br>"
};
}
}
return feature;
});
})
.then(showPopup); // Send the array of features to showPopup()

// Shows the results of the identify in a popup once the promise is resolved
function showPopup(response) {
if (response.length > 0) {
view.popup.open({
features: response,
location: event.mapPoint
});
}
document.getElementById("viewDiv").style.cursor = "auto";
}
}
});
</script>
</head>

Dear All i want to add radio button inside a popup.i have successfully add this button in 3.4.But i cant add this in 4.23.Please help me to solve this issue.When i run the identify tool i just see label but no radio button.please help.

Thanks in advance.

Re: Radio Button inside Pup Window

NadirHussain — Sun, 22 May 2022 11:43:26 GMT

i have solved this issue.

if you return div not string the readio button will be display.

like fallowing script

var div= document.createElement("div");

div.innerHTML=HTML String;

topic Re: Radio Button inside Pup Window in ArcGIS JavaScript Maps SDK Questions

Radio Button inside Pup Window

Re: Radio Button inside Pup Window