GMD Documentation other fixes.

Author: kevzlou7979

src/main/java/gwt/material/design/demo/client/application/components/navbar/NavBarView.ui.xml

@@ -26,7 +26,7 @@
       <m:MaterialRow addStyleNames="code">
         <m:MaterialTitle title="Links ,Icons, and Waves" description="Based on material links you can add icons, link with icons or link only and apply ripple effect by adding waves attribute."/>
         <m:MaterialNavBar width="100%">
-          <m:MaterialNavBrand href="#Test" float="LEFT">Title</m:MaterialNavBrand>
+          <m:MaterialNavBrand marginLeft="60" href="#Test" float="LEFT">Title</m:MaterialNavBrand>
           <m:MaterialNavSection float="RIGHT">
             <m:MaterialLink iconType="ACCOUNT_CIRCLE" iconPosition="LEFT" text="Account"  textColor="WHITE" waves="LIGHT"/>
             <m:MaterialLink iconType="AUTORENEW" iconPosition="LEFT" text="Refresh" textColor="WHITE" waves="LIGHT"/>

src/main/java/gwt/material/design/demo/client/application/components/pickers/PickersView.ui.xml

@@ -56,7 +56,7 @@
 
       <m:MaterialRow addStyleNames="code">
           <m:MaterialTitle title="Mobile" description="Open this time picker on a mobile device to test." />
-          <m:MaterialDatePicker detectOrientation="true" placeholder="Supports mobile orientations" />
+          <m:MaterialDatePicker detectOrientation="true" grid="s12" placeholder="Supports mobile orientations" />
           <demo:PrettyPre addStyleNames="lang-xml">
               &emsp;&lt;m:MaterialDatePicker ui:field="dpMobile" grid="s12" detectOrientation="true" placeholder="Supports mobile orientations" />
           </demo:PrettyPre>

src/main/java/gwt/material/design/demo/client/application/components/pushpin/PushPinView.java

@@ -27,6 +27,7 @@
 import com.gwtplatform.mvp.client.ViewImpl;
 import gwt.material.design.client.ui.MaterialPanel;
 import gwt.material.design.client.ui.MaterialPushpin;
+import gwt.material.design.demo.client.ThemeManager;
 
 import javax.inject.Inject;
 
@@ -36,17 +37,12 @@ interface Binder extends UiBinder<Widget, PushPinView> {
     }
 
     @UiField
-    MaterialPanel source, target;
+    MaterialPanel source;
 
     @Inject
     PushPinView(Binder uiBinder) {
         initWidget(uiBinder.createAndBindUi(this));
-
-    }
-
-    @Override
-    protected void onAttach() {
-        super.onAttach();
-        MaterialPushpin.apply(target, source.getOffsetHeight() + 600);
+        ThemeManager.register(source);
+        MaterialPushpin.apply(source, 300.0, 64.0);
     }
 }

src/main/java/gwt/material/design/demo/client/application/components/pushpin/PushPinView.ui.xml

@@ -23,21 +23,15 @@
              xmlns:m="urn:import:gwt.material.design.client.ui"
              xmlns:demo="urn:import:gwt.material.design.demo.client.ui">
     <g:HTMLPanel>
-        <m:MaterialRow addStyleNames="code">
+        <m:MaterialRow addStyleNames="code" height="1000px">
             <m:MaterialTitle title="Usage" description="You just need to set the reference between your source and target offset element. To do this you will need to call MaterialPushPin.apply(Widget source, Widget target) inside onAttach method."/>
             <m:MaterialRow>
-                <m:MaterialPanel ui:field="source" grid="s12 m12 l12" shadow="1" height="64px"/>
-                <m:MaterialPanel ui:field="target" grid="s6 m6 l6" height="200px" marginBottom="20"/>
+                <m:MaterialPanel ui:field="source" grid="s12 m12 l12" paddingTop="50" shadow="1" height="200px" width="200px">
+                    <m:MaterialLabel textColor="WHITE" text="Pinned Options top at 300, offset at 64 (navbar's height)" />
+                </m:MaterialPanel>
             </m:MaterialRow>
             <demo:PrettyPre addStyleNames="language-java">
-                &emsp;@UiField<br/>
-                MaterialPanel source, target;<br/><br/>
-    
-                @Override<br/>
-                protected void onAttach() {<br/>
-                &emsp;super.onAttach();<br/>
-                &emsp;MaterialPushpin.apply(target, source.getOffsetHeight() + 600);<br/>
-                }
+                MaterialPushpin.apply(source, 300.0, 64.0);
             </demo:PrettyPre>
         </m:MaterialRow>
     </g:HTMLPanel>

src/main/java/gwt/material/design/demo/client/application/components/scrollspy/ScrollspyView.java

@@ -22,17 +22,26 @@
 
 
 import com.google.gwt.uibinder.client.UiBinder;
+import com.google.gwt.uibinder.client.UiField;
 import com.google.gwt.user.client.ui.Widget;
 import com.gwtplatform.mvp.client.ViewImpl;
+import gwt.material.design.client.ui.MaterialPushpin;
+import gwt.material.design.client.ui.MaterialScrollspy;
 
 import javax.inject.Inject;
 
 public class ScrollspyView extends ViewImpl implements ScrollspyPresenter.MyView {
     interface Binder extends UiBinder<Widget, ScrollspyView> {
     }
 
+    @UiField
+    MaterialScrollspy scrollspy;
+
     @Inject
     ScrollspyView(Binder uiBinder) {
         initWidget(uiBinder.createAndBindUi(this));
+        double top = 400;
+        double offset = 0;
+        MaterialPushpin.apply(scrollspy, top, offset);
     }
 }

src/main/java/gwt/material/design/demo/client/application/components/scrollspy/ScrollspyView.ui.xml

@@ -76,8 +76,8 @@
               </demo:PrettyPre>
             </m:MaterialPanel>
           </m:MaterialColumn>
-          <m:MaterialColumn grid="l2" addStyleNames="hide-on-small-only">
-            <m:MaterialScrollspy addStyleNames="pinned" textColor="GREEN">
+          <m:MaterialColumn grid="l2" addStyleNames="test">
+            <m:MaterialScrollspy ui:field="scrollspy" textColor="GREEN">
               <m:MaterialLink href="#topic1" text="Topic 1"/>
               <m:MaterialLink href="#topic2" text="Topic 2"/>
               <m:MaterialLink href="#topic3" text="Topic 3"/>