I have been developing some custom widgets and functionality to get some charts and data to show up on the side of the map (see attached image). I am getting this strange error when opening my app, which is:
create panel error: Error: Tried to register widget with id==_33_panel but that id is already registered, panelId: _33_panel.
Ultimately, I'm confused on how to create a group, panel, and widget configuration so that the widgets open simultaneously without issue.
Here is my widgetPool section in my config.json for my theme layout.....
"widgetPool": {
"panel": {
"uri": "themes/EONTheme/panels/FoldablePanel/Panel",
"position": {
"top": 5,
"right": 5,
"bottom": 5,
"zIndex": 5
}
},
"groups":[{
"label": "EON Group",
"panel":{
"uri": "themes/EONTheme/panels/EONBorderPanel/Panel",
"position": {
"top": 150,
"right": 17,
"width": 220,
"height": 220
}
},
"widgets":[{"uri":"widgets/EONSummary/Widget"},{"uri":"widgets/EONChart/Widget","label":"Chart1"},{"uri":"widgets/EONChart/Widget","label":"Chart2"}]
}]
}My custom panel, EONBorderPanel has a size of 220x220 px, but I also have three widgets in the group (EONSummary, and two EONChart widgets).
My CSS for my eonborderpanel located in common.css for my theme is:
.jimu-eonborder-panel>.jimu-widget-frame.jimu-container{
background-color: rgba(0,0,0,0.4);
border: 1px solid rgba(0,0,0,0.6);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 2px;
width: 220px;
height: 220px;
}I have also set those panels as 220x220 px.
So my question is am I getting this error because the app is trying to open three EONBorderPanels at the same time with the same id? Is that why I'm getting this error? And how to I prevent it?
Any help would be appreciated!
