001package gwt.material.design.addins.client.overlay; 002 003/* 004 * #%L 005 * GwtMaterial 006 * %% 007 * Copyright (C) 2015 GwtMaterialDesign 008 * %% 009 * Licensed under the Apache License, Version 2.0 (the "License"); 010 * you may not use this file except in compliance with the License. 011 * You may obtain a copy of the License at 012 * 013 * http://www.apache.org/licenses/LICENSE-2.0 014 * 015 * Unless required by applicable law or agreed to in writing, software 016 * distributed under the License is distributed on an "AS IS" BASIS, 017 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 018 * See the License for the specific language governing permissions and 019 * limitations under the License. 020 * #L% 021 */ 022 023import com.google.gwt.dom.client.Document; 024import gwt.material.design.addins.client.MaterialAddins; 025import gwt.material.design.client.MaterialDesignBase; 026import gwt.material.design.client.base.MaterialWidget; 027 028//@formatter:off 029/** 030 * It's an overlay panel layout wherein you can put as many widgets as you want and design it. 031 * You can do advance stuff by implementing Path Animator into the overlay panel container. 032 * 033 * <h3>XML Namespace Declaration</h3> 034 * <pre> 035 * {@code 036 * xmlns:ma='urn:import:gwt.material.design.addins.client' 037 * } 038 * </pre> 039 * 040 * <h3>UiBinder Usage:</h3> 041 * <pre> 042 *{@code 043 * <ma:overlay.MaterialOverlay background="blue"> 044 * <-- Some content here --> 045 * </ma:overlay.MaterialMenuBar> 046 * } 047 * </pre> 048 * 049 * @author kevzlou7979 050 */ 051//@formatter:on 052public class MaterialOverlay extends MaterialWidget { 053 054 static { 055 if(MaterialAddins.isDebug()) { 056 MaterialDesignBase.injectCss(MaterialOverlayDebugClientBundle.INSTANCE.overlayCssDebug()); 057 } else { 058 MaterialDesignBase.injectCss(MaterialOverlayClientBundle.INSTANCE.overlayCss()); 059 } 060 } 061 062 public MaterialOverlay() { 063 super(Document.get().createDivElement(), "overlay-panel"); 064 } 065}