MaterialWindow - Added demo on setOverlay()

Author: kevzlou7979

src/main/java/gwt/material/design/demo/client/application/addins/window/WindowView.java

@@ -32,6 +32,7 @@
 import com.google.gwt.user.client.ui.Widget;
 import com.gwtplatform.mvp.client.ViewImpl;
 import gwt.material.design.addins.client.window.MaterialWindow;
+import gwt.material.design.client.ui.MaterialCheckBox;
 import gwt.material.design.client.ui.MaterialRow;
 import gwt.material.design.client.ui.MaterialToast;
 import gwt.material.design.demo.client.ThemeManager;
@@ -49,6 +50,9 @@ interface Binder extends UiBinder<Widget, WindowView> {
     @UiField
     MaterialRow headerPanel, tabsPanel;
 
+    @UiField
+    MaterialCheckBox cbOverlay;
+
     @Inject
     WindowView(Binder uiBinder) {
         initWidget(uiBinder.createAndBindUi(this));
@@ -71,6 +75,7 @@ public void onClose(CloseEvent<Boolean> event) {
 
     @UiHandler("btnOpenWindowWithOverlay")
     void onOpenWindowWithOverlay(ClickEvent e) {
+        MaterialWindow.setOverlay(cbOverlay.getValue());
         overlayWindow.open();
     }
 

src/main/java/gwt/material/design/demo/client/application/addins/window/WindowView.ui.xml

@@ -71,16 +71,17 @@
 
         <m:MaterialRow addStyleNames="code">
             <m:MaterialTitle title="Window with Overlay"/>
+            <m:MaterialCheckBox ui:field="cbOverlay" text="With Overlay" />
             <m:MaterialButton ui:field="btnOpenWindowWithOverlay" text="Open with Overlay" textColor="WHITE" />
-            <ma:window.MaterialWindow ui:field="overlayWindow" overlay="true" width="50%" title="Documents">
+            <ma:window.MaterialWindow ui:field="overlayWindow" width="50%" title="Documents">
                 <m:MaterialPanel padding="32" textAlign="CENTER" height="300px">
                     <m:MaterialIcon iconType="HEADSET" iconColor="ORANGE" padding="24" iconSize="LARGE" circle="true" shadow="1"/>
                     <m:MaterialLabel text="I Love Music" marginTop="20" fontSize="2em" fontWeight="BOLD"/>
                     <m:MaterialLabel text="Helps me escape from the reality I live in." fontSize="1.2em" />
                 </m:MaterialPanel>
             </ma:window.MaterialWindow>
             <m.demo:PrettyPre addStyleNames="lang-java">
-
+                MaterialWindow.setOverlay(true); // Will apply all windows to have overlay
             </m.demo:PrettyPre>
         </m:MaterialRow>