|
POST
|
How can you add a checkbox at the column header so I can use it as select/deselect all records.
... View more
08-10-2022
03:09 PM
|
0
|
0
|
599
|
|
POST
|
Thank you. I already had the query to outFields=["*"] but not the layer. Apparently, by not using the same for the layer it does not by default use all fields even though the featuretable displays all fields.
... View more
08-10-2022
03:03 PM
|
0
|
0
|
1954
|
|
POST
|
I use Rene's example posted at: https://codepen.io/odoe/pen/rqXqVw?editors=0010 to export featuretable to csv but it produces a csv file with 2 fields including the objectid. I first selected the features by the geometry. Then the feature table is updated to show selected features. Then clicked on the export button to create the csv file but only one field but records span across multiple fields! As Rene's example shows, first declare the variable let resultFeatures get the selected features. featureLayerView
.queryFeatures(query)
.then((results) => {
const graphics = results.features;
resultFeatures = graphics; THen, attach code to the export button: view.ui.add("btn-export", "top-left");
const btn = document.getElementById("btn-export");
btn.addEventListener("click", () => {
if (resultFeatures.length) {
// export to csv
const attrs = resultFeatures.map(a => a.attributes);
console.log(attrs)
const headers = {};
const entry = attrs[0];
for (let key in entry) {
if (entry.hasOwnProperty(key)) {
headers[key] = key;
}
}
exportCSVFile(headers, attrs, "export");
}
}); The issue by now is exposed because one field is passed on to the CSV. Why?
... View more
08-10-2022
02:18 PM
|
0
|
2
|
1969
|
|
POST
|
Robert, how can you add a checkbox at the column header so I can use it as select/deselect all records.
... View more
08-09-2022
02:03 PM
|
0
|
0
|
2177
|
|
POST
|
Well not exactly. As the video shows, when you click on the Tab B Title it show the content of that tab (Tab BTitle) not of its parent Tab 2 Title. The link you sent to me from codepen, it works. It shows Tab B Title content when you click on the Tab B Title (see below) . However, in ExB it doesn't. See the last second of the video clip I attached above when you click on the Tab B Title.
... View more
08-01-2022
11:51 AM
|
0
|
2
|
3271
|
|
POST
|
I am currently developing a custom widget for the experience builder and I followed the steps outlined at: https://developers.arcgis.com/experience-builder/guide/add-layers-to-a-map/ to setup the settings page on my widget. Even though the settings page in my custom widget is identical to the one used on the Add Layer tutorial, I am not able to select a map view data source when I click on my custom widget ExB. Suggestions? "Select Map Widget" is missing from the widget.
... View more
07-29-2022
11:17 AM
|
0
|
1
|
779
|
|
POST
|
Hello @BenElan. I tried to use the same script in Experience Builder to get nested tabs. But it has a strange behavior. See this short video that when you click on the Tab B Title it removes the nest tabs and it displays the content of Title 2 Title. Below is the script. Any ideas why is happening? Thanks. /** @jsx jsx */
import { React, AllWidgetProps, jsx } from "jimu-core";
import { setAssetPath } from "@esri/calcite-components/dist/components";
import "@esri/calcite-components/dist/components/calcite-tabs";
import "@esri/calcite-components/dist/components/calcite-tab";
import "@esri/calcite-components/dist/components/calcite-tab-nav";
import "@esri/calcite-components/dist/components/calcite-tab-title";
import {
CalciteTabs,
CalciteTab,
CalciteTabNav,
CalciteTabTitle
} from "@esri/calcite-components-react";
import "@esri/calcite-components/dist/calcite/calcite.css";
export default class Widget extends React.PureComponent<AllWidgetProps<any>, any> {
render() {
return (
<div>
<calcite-tabs>
<calcite-tab-nav slot="tab-nav">
<calcite-tab-title active>Tab 1 Title</calcite-tab-title>
<calcite-tab-title>Tab 2 Title</calcite-tab-title>
</calcite-tab-nav>
<calcite-tab active>
<calcite-tabs>
<calcite-tab-nav slot="tab-nav">
<calcite-tab-title>Tab A Title</calcite-tab-title>
<calcite-tab-title>Tab B Title</calcite-tab-title>
</calcite-tab-nav>
<calcite-tab>Tab A Content</calcite-tab>
<calcite-tab>Tab B Content</calcite-tab>
</calcite-tabs>
</calcite-tab>
<calcite-tab>Tab 2 Content</calcite-tab>
</calcite-tabs>
</div>
)
}
}
... View more
07-26-2022
11:42 AM
|
0
|
4
|
3283
|
|
POST
|
I did that and that's when the error shows up in the console. I added the tab to both calcite-tab-title and its calcite-tab to begin with, but I was getting those errors. Then, I thought I was misreading the property instructions on calcite design website, so I modified the code and posted the codepen on the community forum. Thank you for the responses, and since the errors are not fatal I will just ignore them.
... View more
07-08-2022
09:26 AM
|
0
|
1
|
1959
|
|
POST
|
Thank you. As soon as I insert the tab property, I get these errors in console regardless if I use Chrome or Edge. Any idea for the cause and how to prevent them?
... View more
07-08-2022
08:37 AM
|
0
|
3
|
1969
|
|
POST
|
This is an example of multi level tabs. https://codepen.io/benesri/pen/NWgeqgP However, if you modify line 6, by adding the property tab="Test1" it removes all children of this tab. The same occurs, if you add property tab="Test2" to line 7. Why can't we use the tab property?
... View more
07-07-2022
02:50 PM
|
0
|
5
|
2033
|
|
POST
|
Hello BenElan. This solution you provided how can it be displayed as a vertical tabs?
... View more
07-07-2022
09:39 AM
|
0
|
1
|
3323
|
|
POST
|
Thanks. Unfortunately, my agency mandates ADA compliance and ExB is not there yet. That's why I focus on calcite with ArcGIS JS API, no templates.
... View more
06-30-2022
09:17 AM
|
0
|
0
|
3966
|
|
POST
|
Hello Robert. Any plans to create a widget for the popup panel for ArcGIS JS 4.x? I saw examples for the JS 4.x with side panel display of features by they are all for a single layer.
... View more
06-29-2022
09:14 AM
|
0
|
0
|
3981
|
|
POST
|
By using the slot, can we control the location of the arrow like adding a vertical alignment and padding so it is not at the extreme end of the panel, like this:
... View more
06-29-2022
09:07 AM
|
0
|
1
|
1481
|
|
POST
|
Trying to place the arrow icon to the far right side of the header -content div. <calcite-panel id="feature_info" with-Scale="l">
<div id="header-content" slot="header-content" style="font-size: large; font-weight: bold; float: right">
Feature Info
<div style="float:right">
<calcite-icon icon="arrow-bold-right" id="next"></calcite-icon>
</div>
</div>
</calcite-panel>
... View more
06-28-2022
05:16 PM
|
0
|
3
|
1526
|
| Title | Kudos | Posted |
|---|---|---|
| 1 | 2 weeks ago | |
| 1 | 3 weeks ago | |
| 1 | 06-19-2025 10:13 PM | |
| 3 | 02-06-2026 10:44 AM | |
| 1 | 01-08-2026 12:50 PM |
| Online Status |
Offline
|
| Date Last Visited |
2 weeks ago
|