flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From carlosrov...@apache.org
Subject [05/36] git commit: [flex-asjs] [refs/heads/feature/mdl] - More Buttons, I think we need "disabled" html attribute implementation
Date Fri, 04 Nov 2016 23:18:57 GMT
More Buttons, I think we need "disabled" html attribute implementation


Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/ab2f9e70
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/ab2f9e70
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/ab2f9e70

Branch: refs/heads/feature/mdl
Commit: ab2f9e70c179571d301de248a8bf2147020f059b
Parents: fe6a81a
Author: Carlos Rovira <carlosrovira@apache.org>
Authored: Sun Oct 16 21:10:10 2016 +0200
Committer: Carlos Rovira <carlosrovira@apache.org>
Committed: Sat Nov 5 00:18:33 2016 +0100

----------------------------------------------------------------------
 .../flexjs/MDLExample/src/main/flex/App.mxml    | 35 +++++++++++++++++---
 1 file changed, 31 insertions(+), 4 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/ab2f9e70/examples/flexjs/MDLExample/src/main/flex/App.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/flex/App.mxml b/examples/flexjs/MDLExample/src/main/flex/App.mxml
index b19b9b4..37e9e6a 100644
--- a/examples/flexjs/MDLExample/src/main/flex/App.mxml
+++ b/examples/flexjs/MDLExample/src/main/flex/App.mxml
@@ -30,11 +30,38 @@ limitations under the License.
     <js:initialView>
         <js:View>
             
-            <js:TextButton className="mdl-button mdl-js-button mdl-button--fab mdl-button--colored">
-               <i class="material-icons">add</i>
-            </js:TextButton>
+            <!-- Buttons https://getmdl.io/components/index.html#buttons-section -->
+            <js:Container>
+                <js:beads>
+                    <js:HorizontalLayout />
+                </js:beads>
+                            
+                <js:TextButton className="mdl-button mdl-js-button mdl-button--fab mdl-button--colored">
+                    <i class="material-icons">add</i>
+                </js:TextButton>
 
-            <mdl:Button/>
+                <js:TextButton className="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect
mdl-button--colored">
+                    <i class="material-icons">add</i>
+                </js:TextButton>
+
+                <!-- Raised button -->
+                <js:TextButton className="mdl-button mdl-js-button mdl-button--raised"
text="BUTTON"/>
+                <!-- Raised button with ripple -->
+                <js:TextButton className="mdl-button mdl-js-button mdl-button--raised
mdl-js-ripple-effect" text="BUTTON"/>
+                <!-- Raised disabled button ... it seems we don't have "disabled" implemented
yet-->
+                <js:TextButton className="mdl-button mdl-js-button mdl-button--raised"
text="BUTTON"/>
+
+                <mdl:Button/>
+
+            </js:Container>
+
+            <!-- Text Fields :: https://getmdl.io/components/index.html#textfields-section
-->
+            <js:Container className="mdl-textfield mdl-js-textfield">
+                <js:TextInput className="mdl-textfield__input" id="sample1"/>
+                <js:Label className="mdl-textfield__label" text="Text..."/>
+            </js:Container>
+
+            
         </js:View>
     </js:initialView>
 </js:Application>


Mime
View raw message