ApplicationView.ui.xml

<!--
  #%L
  GwtMaterial
  %%
  Copyright (C) 2015 - 2016 GwtMaterialDesign
  %%
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at
  
       http://www.apache.org/licenses/LICENSE-2.0
  
  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
  #L%
  -->
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" 
       xmlns:g="urn:import:com.google.gwt.user.client.ui"
       xmlns:m="urn:import:gwt.material.design.client.ui"
       xmlns:m.html="urn:import:gwt.material.design.client.ui.html"
       xmlns:ma="urn:import:gwt.material.design.addins.client"
       xmlns:demo="urn:import:gwt.material.design.demo.client.ui">

  <ui:with field="tokens" type="gwt.material.design.demo.client.place.NameTokens"/>
  <ui:with field="res" type="gwt.material.design.demo.client.resources.MaterialResources"/>

  <ui:style>
      .panel {
          padding-left: 5%;
          width: 100%;
          padding: 10px 50px 150px 50px;
          background: #FFF;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
      }
      .footer {
          margin-top: -50px !important;
      }
      .gplus{
        display: block;
        margin-top: 20px;
      }
  </ui:style>

  <g:HTMLPanel>

    <g:HTMLPanel ui:field="menu" />

    <m:MaterialContainer>
        <m:MaterialPanel ui:field="titlePanel" backgroundColor="BLUE" textColor="WHITE"  marginTop="56" padding="56" shadow="1">
            <m:MaterialPanel ui:field="panel">
                <m:MaterialLabel ui:field="title" text="GWT-Material" fontSize="2.3em"/>
                <m:MaterialLabel ui:field="description" text="A Material Design look and feel for GWT Apps." fontSize="1.1em"/>
                <m:MaterialPanel marginTop="20">
                    <m:MaterialChip ui:field="chipXml" letter="X" backgroundColor="BLUE" textColor="WHITE" margin="6" text="XML" />
                    <m:MaterialChip ui:field="chipJava" letter="J" backgroundColor="BLUE" textColor="WHITE" text="JAVA" margin="6" />
                    <m:MaterialChip ui:field="chipSpecification" backgroundColor="BLUE" letter="S" textColor="WHITE" text="SPECIFICATION" margin="6" />
                    <m:MaterialChip ui:field="chipInstallApp" backgroundColor="BLUE" letter="+" textColor="WHITE" text="INSTALL APP" margin="6" />
                </m:MaterialPanel>
            </m:MaterialPanel>
        </m:MaterialPanel>
      <g:HTMLPanel ui:field="main" addStyleNames="{style.panel} panel" />

      <m:MaterialPanel>
        <g:HTMLPanel>
          <input type="hidden" name="IL_IN_TAG" value="1"/>
        </g:HTMLPanel>
      </m:MaterialPanel>
    </m:MaterialContainer>

    <demo:InstallBannerFallbackOverlay ui:field="installAppOverlay"/>

    <m:MaterialFooter ui:field="footer" addStyleNames="{style.footer}">
      <m:MaterialRow>
        <m:MaterialColumn grid="s12 m4 m4">
          <g:HTMLPanel>
            <m:MaterialTitle textColor="WHITE" title="Support Us" description="Any amount would help support and continue development on this project and is greatly appreciated."/>
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
              <input type="hidden" name="cmd" value="_s-xclick"/>
              <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----"/>
              <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"/>
              <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"/>
            </form>
          </g:HTMLPanel>
        </m:MaterialColumn>

        <m:MaterialColumn grid="s12 m4 l4">
          <m:MaterialTitle textColor="WHITE" title="Join The Discussion"
                           description="We provide Gitter Chat rooms in order for GWT Developers discussed and collaborate about GWT Material Design"/>
          <m:MaterialAnchorButton href="https://gitter.im/GwtMaterialDesign/gwt-material" target="_blank" text="CHAT" waves="LIGHT" textColor="WHITE"/>
        </m:MaterialColumn>
        <m:MaterialColumn grid="s12 m4 l4">
          <m:MaterialTitle textColor="WHITE" title="Github"
                           description="Download, fork, pull, file issues, and more at the official GWT Material repo on Github."/>
          <m:MaterialAnchorButton href="https://github.com/GwtMaterialDesign/gwt-material/" target="_blank" text="Github" waves="LIGHT" textColor="WHITE"/>
          <m:MaterialTooltip text="Visit our Community" position="RIGHT">
            <ma:webp.MaterialWebpImage ui:field="imgGPlus" url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/gplus.webp" fallbackExtension="png" addStyleNames="{style.gplus}"/>
          </m:MaterialTooltip>
        </m:MaterialColumn>
      </m:MaterialRow>

      <m:MaterialFooterCopyright ui:field="footerCopyRight" addStyleNames="footer-copyright">
        <m:MaterialLabel ui:field="footerCopyRightLabel"/>
      </m:MaterialFooterCopyright>
    </m:MaterialFooter>

    <!-- Gitter -->
    <demo:GitterWidget/>
  </g:HTMLPanel>
</ui:UiBinder>