You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2019/01/18 18:52:17 UTC
[royale-asjs] branch develop updated: Example ToggleButtons in Tour
De Jewel
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new e9129a7 Example ToggleButtons in Tour De Jewel
e9129a7 is described below
commit e9129a78e7dc4992d6ab14fccc0dc01713aab06f
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Fri Jan 18 19:52:10 2019 +0100
Example ToggleButtons in Tour De Jewel
---
.../src/main/royale/ButtonPlayGround.mxml | 39 ++++++++++++++++++++++
1 file changed, 39 insertions(+)
diff --git a/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
index a451ff5..6187762 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
@@ -118,4 +118,43 @@ limitations under the License.
</j:GridCell>
</j:Grid>
+ <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
+ <j:Card>
+ <html:H3 text="Jewel ToggleButton"/>
+
+ <j:ToggleButton text="Default"/>
+ <j:ToggleButton text="Button With More Text"/>
+ <j:ToggleButton text="Primary" emphasis="{Button.PRIMARY}"/>
+ <j:ToggleButton text="Secondary" emphasis="{Button.SECONDARY}"/>
+ <j:ToggleButton text="Emphasized" emphasis="{Button.EMPHASIZED}"/>
+ <j:ToggleButton text="Disabled" emphasis="{Button.PRIMARY}">
+ <j:beads>
+ <j:Disabled/>
+ </j:beads>
+ </j:ToggleButton>
+ <j:ToggleButton>
+ <j:icon>
+ <js:ToggleFontIcon text="{MaterialIconType.VISIBILITY}" selectedText="{MaterialIconType.VISIBILITY_OFF}" material="true"/>
+ </j:icon>
+ <j:beads>
+ <j:ToolTip toolTip="show/hide FooterBar"/>
+ </j:beads>
+ </j:ToggleButton>
+ <j:ToggleButton text="Icon and Text" emphasis="{Button.SECONDARY}">
+ <j:icon>
+ <js:ToggleFontIcon text="{MaterialIconType.VISIBILITY}" selectedText="{MaterialIconType.VISIBILITY_OFF}" material="true"/>
+ </j:icon>
+ <j:beads>
+ <j:ToolTip toolTip="show/hide FooterBar"/>
+ </j:beads>
+ </j:ToggleButton>
+ </j:Card>
+ </j:GridCell>
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
+ <j:Card>
+
+ </j:Card>
+ </j:GridCell>
+ </j:Grid>
</c:ExampleAndSourceCodeTabbedSectionContent>