AnsweredAssumed Answered

Configuring widgetPool group to open multiple widgets in a panel

Question asked by jay.gregory on Jun 17, 2016
Latest reply on Jun 17, 2016 by jay.gregory

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!

Outcomes