topic Re: Jewelry Box Theme Closes Left Panel on Startup in ArcGIS Web AppBuilder Questions

Jewelry Box Theme Closes Left Panel on Startup

LesiMai3 — Thu, 13 Oct 2016 17:51:06 GMT

Hi,

I was wondering what codes I need to change in the jewelry box theme so that the left panel hides when the app first starts up.

Thank you,

Lesi

Re: Jewelry Box Theme Closes Left Panel on Startup

RobertScheitlin__GISP — Sun, 12 Dec 2021 01:58:26 GMT

Lesi,

In the themes\JewelryBoxTheme\panels\LDockablePanel\Panel.js make this change:

      onOpen: function(){
        this._setPostionWidthAndLeft();
        html.setStyle(this.domNode, {
          width: this.position.width + 'px'
        });
        this.panelManager.minimizePanel(this);
        // if(this.position.width === 0){
        //   this.panelManager.minimizePanel(this);
        // }else{
        //   this.panelManager.maximizePanel(this);
        // }
      },‍‍‍‍‍‍‍‍‍‍‍‍

Re: Jewelry Box Theme Closes Left Panel on Startup

aishvaryvardhan — Thu, 09 Nov 2017 06:49:50 GMT

Hi,
I am customizing the Ldockable panel.
I dont want any widget there I am writing customize code there..
But as I am not adding any widget , when I am launching the app the panel open/close button is not coming

on the other hand front end customizing panel , there I can see the customized code added by me

How Can I view the Ldockable panel on app launch

what code need to be customized

any help on this will be highly appreciated

thanks

ash

Re: Jewelry Box Theme Closes Left Panel on Startup

James_001 — Wed, 25 Apr 2018 18:39:49 GMT

Hi Robert,

I hope you are doing great! The above code for (LDockablePanel Closes at startup) is working fine on desktop but in mobile it still open at left on startup.

Also, is it possible can we make LDockable Panel open at bottom(like other widgets opening at bottom) in mobile view instead of left since it covers all map space when it open.

Thanks,

Irfan

Re: Jewelry Box Theme Closes Left Panel on Startup

RobertScheitlin__GISP — Wed, 25 Apr 2018 19:18:01 GMT

Irfan,

Strange in my testing it still minimizes on mobile. As far as the moving to the bottom. No that would take a complete rewrite of the left dockable panel.

Re: Jewelry Box Theme Closes Left Panel on Startup

James_001 — Wed, 25 Apr 2018 21:22:07 GMT

Robert,

Here are my two different steps to check the mobile view:

Previews App in Web appbuilder
Toggle Device Toolbar in Chrome Browse

As soon I preview the app in Web appbuilder by clicking any mobile device it will open the with LDockablePanel.

Also, by inspecting the launch app in google chrome browser it still does the same thing first time. But after refreshing the app while staying in mobile view it don't open the LDockablePanel.

Thanks again for your help!

Re: Jewelry Box Theme Closes Left Panel on Startup

RobertScheitlin__GISP — Wed, 25 Apr 2018 21:25:29 GMT

Refreshing after using the Chrome device toolbar would be the only correct method for testing this.

Re: Jewelry Box Theme Closes Left Panel on Startup

Jacbrod — Fri, 10 Jul 2020 13:33:38 GMT

Hi Robert,

This little change works well, thank's

Is it possible to make a difference if it is a mobile device.

Ideally, I would like the panel to be minimized only on a mobile device ?

Jacques

Re: Jewelry Box Theme Closes Left Panel on Startup

RobertScheitlin__GISP — Fri, 10 Jul 2020 18:13:54 GMT

Jacques,

Sure just check if the app is mobile using window.isMobileUa

Re: Jewelry Box Theme Closes Left Panel on Startup

Jacbrod — Mon, 13 Jul 2020 12:19:53 GMT

perfect, thank you Robert

Re: Jewelry Box Theme Closes Left Panel on Startup

JenniferSherry — Tue, 16 Mar 2021 19:04:05 GMT

Hi Robert and Jacques-

Wondering if you can direct me on where to add the code to "check if the app is using window.isMobileUa"? I too am interested in having the Jewelry Box theme panel minimized only when our app is viewed on a mobile device and visible otherwise, but I'm just not sure where/how to add in that logic for mobile size.

Thanks!

Jennifer

Re: Jewelry Box Theme Closes Left Panel on Startup

CarbonCounty_Utah — Wed, 08 Dec 2021 17:44:24 GMT

When I try using your code above it works and closes on startup, but I cannot see the image to open it after startup when we need it. Any ideas?