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/05/26 10:56:51 UTC
[royale-docs] branch master updated: hr style,
and Alert template improvements
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git
The following commit(s) were added to refs/heads/master by this push:
new b6bd956 hr style, and Alert template improvements
b6bd956 is described below
commit b6bd95605def18365f0abc0d2e373d7a33837622
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sun May 26 12:56:44 2019 +0200
hr style, and Alert template improvements
---
_sass/html.sass | 6 ++++++
component-sets/jewel/jewel-alert.md | 19 +++++++++++--------
2 files changed, 17 insertions(+), 8 deletions(-)
diff --git a/_sass/html.sass b/_sass/html.sass
index 0f397f2..785fd6e 100644
--- a/_sass/html.sass
+++ b/_sass/html.sass
@@ -74,6 +74,12 @@ a
outline: 0
-webkit-tap-highlight-color: rgba(0,0,0,0)
+hr
+ height: 1px
+ margin-bottom: -1px
+ border: none
+ border-bottom: 1px solid #ececec
+ margin-top: 40px
pre
overflow-x: auto
diff --git a/component-sets/jewel/jewel-alert.md b/component-sets/jewel/jewel-alert.md
index cc9b83b..4f9f149 100644
--- a/component-sets/jewel/jewel-alert.md
+++ b/component-sets/jewel/jewel-alert.md
@@ -27,21 +27,24 @@ org.apache.royale.jewel.Alert
| extends | org.apache.royale.jewel.Group | - | - |
| implements | org.apache.royale.core.IPopUp | | |
-Note: This component is currently only available in JS
+<sup>_Note: This component is currently only available in JS_</sup>
-Available since 0.9.4
+Available since version __0.9.4__
## Overview
The alert component displays a message and one or more buttons in a view that pops up over all other controls and views.
It uses the `AlertView` bead to display a modal dialog with a title and a variety of buttons configured through the flag property of its `show` static function.
+> Alert use the HTML dialog element, which currently has very limited cross-browser support.
+To ensure support across all modern browsers, we use dialogPolyfill extern.
+
## Examples
You can use the static method `show` to display the component:
```as3
-Alert.show('This is an Alert component example that shows a label text and the default OK button.', 'Alert Example')
+Alert.show('This Alert shows a label text and the default OK button.', 'Alert Example');
```
This produces:
@@ -51,16 +54,16 @@ This produces:
width="100%" height="300"
src="assets/BE0002_Using_Jewel_Alert_Control/index.html"></iframe>
+---
You can attach listeners to the `CloseEvent.CLOSE` as follows:
```as3
-var alert:Alert = Alert.show("Do you want to <b>save</b> your changes?", "Save Changes", 3);
+var alert:Alert = Alert.show("Do you want to save your changes?", "Save Changes", 3);
alert.addEventListener(CloseEvent.CLOSE, alertClickHandler);
```
-> Alert use the HTML dialog element, which currently has very limited cross-browser support.
-To ensure support across all modern browsers, we use dialogPolyfill extern.
+
## Beads
@@ -71,7 +74,7 @@ The Alert component uses the following beads:
| IBeadModel | org.apache.royale.jewel.beads.models.AlertModel | the data model for the Alert |
| IBeadView | org.apache.royale.jewel.beads.views.AlertView | the bead used to create the parts of the Alert |
| IBeadController | org.apache.royale.jewel.beads.controllers.AlertController | the bead used to handle input events |
-| IBeadLayout | org.apache.royale.jewel.beads.layouts.NullLayout(*) | the bead used to postion the internal parts |
+| IBeadLayout | org.apache.royale.jewel.beads.layouts.NullLayout<sup>_(*)_</sup> | the bead used to postion the internal parts |
+<sup>_(*) NullLayout is used temporary_</sup>
-(*) NullLayout is used temporary
\ No newline at end of file