Widget fails to open on startup in mobile layout

Question

I have my 'About' widget set to open at startup. When in mobile layout, however, it fails to open on startup. I know this because the header controller creates a container in which to place icons when the screen size shrinks to the point that they no longer fit on the header controller. Once the 'About' widget is placed inside the 'more' widgets container, it is no longer located directly on the header controller, which prevents it from opening at startup. At least this is my understanding of what is happening. I am pretty sure I need to modify the Widget.js file in the HeaderController, but any pointers as to what code to look for and how to edit it would be great!

FranklinAlexander · Accepted Answer

I agree, that sounds like it would be a lot easier, but I don't have that option. There is a lot of information, as well as links, in the widget, and it needs to be dockable in the header controller for easy access by users. The good thing about the panel widget in the head controller is that (when it works), it will dock at the bottom of the screen when the app opens in mobile layout. I can put a smaller logo the head controller and it will work, but unfortunately, the logo is kind of important and needs to be the same no matter the screen size. Actually, I just solved it. The two widgets on the far right are the ones that get grouped together when the screen shrinks, so all I had to do was re-order the widgets so the About widget doesn't get grouped. Duh!