Widget examples Some examples where you might use widgets. Extend the MainContainerWidgetThis procedure shows you how to modify the default customization project files to extend the MainContainerWidget. When you set up this framework, you are ready to carry out the procedures for customizing header and footer widgets.Add header imageThis procedure shows you how to add an image or company logo to the header bar widget of your application. Add header image using style classThis procedure shows you how to add an image or company logo to the header bar widget of your application using a style class. Add header textThis procedure shows you how to add a custom header widget to your application. This widget will display text in the header.Add footer textThis procedure shows you how to add footer text to your application. Change file loading iconThis procedure shows you how to change the default animation icon shown when a file is loading.Add a custom color picker widgetThis procedure shows you how to add a custom color picker widget to your customization. This custom widget will allow users to select colors visually in an EDIT widget defined with a colorpicker style.