Have you ever dropped in a widget into your page, got all the options and interactions set up just the way you want it and then realized it should really be in a Widget Controller in your header. So you drag your widget up to put it in the header, only to find there is an impenetrable force field keeping your widget from where you want it to be. So, you sigh and delete your widget and configure it all again in the header?
I've done it. Multiple times.
But don't, there is an easier way. You can't just move a widget in or out of a header, but you can copy it in.
- Click the widget you want to move.
- Use ctrl-C on your keyboard.
- Click on the Edit Header button.
- Use Ctrl-V on your keyboard. A copy of your widget with all of your configuration should now be in your header.
- Drag the widget into the Widget Controller and fix the title. (It will be Widget 2 now.)
- Delete the old widget.
Bonus Tip: Headers and Footers are only useful if you are planning to reuse items in a multi-page Experience. If you are making a single page application, save yourself the hassle and use one of the Layout widgets.
