topic Re: LDockable panel in Web AppBuilder Custom Widgets Questions

LDockable panel

DouglasLecker — Mon, 03 Oct 2016 20:34:31 GMT

Hello all,

I am trying to use the LDockable panel functionality from the Jewelry box theme to my custom theme, but I can't figure out where to put my widget for it to register it in the config.json that one is present. The panel only shows up in the Jewelry box if you put a widget in in when you create the map. Has anyone tried to use this panel in their theme's?

Thanks for the help.

Doug

Re: LDockable panel

DanielStoelb — Wed, 05 Oct 2016 14:14:42 GMT

Doug,

I don't know if this is what you're after, but I added the left dockable panel after the zoom slider in my config JSON. Here's an example of the code that I have displaying the legend widget within that panel:

"groups": [
      {
        "visible": false,
        "panel": {
          "uri": "themes/JewelryBoxTheme/panels/LDockablePanel/Panel",
          "position": {
            "left": 0,
            "top": 40,
            "bottom": 0,
            "width": 360,
            "relativeTo": "browser"
          }
        },
        "maxWidgets": 1,
        "id": "_19",
        "widgets": [
          {
            "name": "Legend",
            "label": "Legend",
            "version": "2.1",
            "uri": "widgets/Legend/Widget",
            "config": "configs/Legend/config_Legend.json",
            "id": "widgets_Legend_Widget"
          }
        ],
        "label": "Group_0"
      }
    ],

Re: LDockable panel

DouglasLecker — Wed, 05 Oct 2016 14:58:28 GMT

Hello Daniel,

Yes, that is what I did, but for some reason, I keep getting an error saying I have "an unexpected character at line 1 column 1 of the JSON data". I don't see anything wrong with the config.json in my theme, so it has to be something somewhere else. Any ideas?

Thanks,

Douglas

Re: LDockable panel

DanielStoelb — Wed, 05 Oct 2016 17:34:36 GMT

Sounds like it might be a missing comma, semicolon, or something else. Can you post your code or PM me the code?

Re: LDockable panel

DouglasLecker — Wed, 05 Oct 2016 20:03:11 GMT

Turned out that I did not have the config folder for that widget in the configs folder. That got rid of the error, but the panel still won't show up.

Re: LDockable panel

DanielStoelb — Wed, 05 Oct 2016 20:31:55 GMT

Do you have the JewelryBoxTheme copied in the themes folder of your app?

Re: LDockable panel

DouglasLecker — Wed, 05 Oct 2016 20:42:44 GMT

No I don't. Why do I have to?

Re: LDockable panel

DanielStoelb — Wed, 05 Oct 2016 20:48:47 GMT

Because if you don't have that directory, you wouldn't have the panels folder that houses the LDockablePanel widget files.

Re: LDockable panel

DouglasLecker — Wed, 05 Oct 2016 20:48:59 GMT

I did that and remapped the panel to the Jewelryboxtheme and the panel is showing up now. Why did that work?

Re: LDockable panel

DanielStoelb — Wed, 05 Oct 2016 22:33:35 GMT

I am thinking that it was looking for the location of the widget javascript for the left dockable panel and couldn't find it.

Re: LDockable panel

DouglasLecker — Thu, 06 Oct 2016 12:07:17 GMT

Thank you very much for your help Daniel. Now I just have some css to tackle and I think I will be good to go.

Cordially,

Douglas

Re: LDockable panel

DouglasLecker — Tue, 06 Dec 2016 21:41:14 GMT

Hello Dan,

I have another issue with the LDockable panel. I moved it to the right side of the layout, but the map position does not change anymore. I have reversed all the code to the changeMapPosition in the panel, but it is still opening up on top of the map. Any Idea what I might be missing?

Thanks,

Re: LDockable panel

James_001 — Thu, 16 Aug 2018 20:53:47 GMT

Robert,

I tried but not sure exactly where is that code and how it works, can you please help me.