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/19 10:22:27 UTC
[royale-docs] branch master updated: Jewel: add main page
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 6ff1814 Jewel: add main page
6ff1814 is described below
commit 6ff18149238f8e4ca190503f3bfac75adefb32bb
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sun May 19 12:22:20 2019 +0200
Jewel: add main page
---
Get_Started/Frameworks/Jewel.md | 58 +++++++++++++++++++++++++++++++++--
Welcome/Features/Strands_and_Beads.md | 2 +-
royalesite.css | 30 ++++++++++++++++++
3 files changed, 87 insertions(+), 3 deletions(-)
diff --git a/Get_Started/Frameworks/Jewel.md b/Get_Started/Frameworks/Jewel.md
index 64288e8..f4e30c8 100644
--- a/Get_Started/Frameworks/Jewel.md
+++ b/Get_Started/Frameworks/Jewel.md
@@ -20,6 +20,60 @@ title: Jewel Introduction
# Jewel
-subtitle
+A set of modern UI components
-text
\ No newline at end of file
+Jewel is a themeizable and responsive set of user interface components for Apache Royale to quickly build Front-end Applications with [ActionScript](Welcome/Features/AS3.html) & [MXML](Welcome/Features/MXML.html).
+
+It's based by design on [Basic](Get_Started/Frameworks/Basic.html) components but while Basic is very strict with concepts like [PAYG](Welcome/Features/PAYG.html), in Jewel they are important but when it is necessary, we prioritize other things like responsiveness, themes and look and feel.
+
+## Browser Support
+
+Jewel works on the following table of devices, browsers and versions
+
+| | Browser | Minimun Version |
+|----------- |------------------- |----------------- |
+| __Desktop__ | Google Chrome | 44+ |
+| | Mozilla Firefox | 34+ |
+| | Apple Safari | 11.1+ |
+| | Microsfot Edge | 15+ |
+| | Microsfot IE | 11+ |
+| | Opera | |
+| __Mobile__ | iOS SafariMobile | 11.0+ |
+| | Android | 5.0 |
+| | Windows Mobile | |
+
+## Generated Javascript Output
+
+In the browsers, Apache Royale generates [ECMAScript version 5 (ES5)](https://en.wikipedia.org/wiki/ECMAScript) standard Javascript to ensure applications are compatible with a great set of available browsers, including Microssoft Internet Explorer 11 (IE11).
+
+## Components
+
+| Type | Name | Description | Available SDK | State |
+|------------ |---------------- |------------------------------------------------------------------------------------------------------ |--------------- |---------- |
+| Container | Card | Container that surronds other components | | |
+| | Grid | Container that uses Grid Layout and need other immediate children to work as cells and host content. | | |
+| | SimpleTable | An Basic HTML Table that can be declared in MXML | | |
+| | Table | An Complex HTML Table element filled with a data source. Cells are ItemRenderers. | | |
+| | TabBarContent | A Container to use with TabBar and capable of parenting organized content | | |
+| | Wizard | 11.0+ | | |
+| Components | Alert | Displays a message and one or more buttons in a view that pops up over all other controls and views. | 0.9.4 | Finished |
+| | Button | | | |
+| | CheckBox | | | |
+| | ComboBox | | | |
+| | DateChooser | | | |
+| | DateField | | | |
+| | DropDownList | | | |
+| | Form | | | |
+| | FormItem | | | |
+| | Icon | | | |
+| | Image | | | |
+| | Label | | | |
+| | List | | | |
+| | NumericStepper | | | |
+| | PopUp | | | |
+| | RadioButton | | | |
+| | Slider | | | |
+| | SnackBar | | | |
+| | TabBar | | | |
+| | TextInput | | | |
+| | | | | |
\ No newline at end of file
diff --git a/Welcome/Features/Strands_and_Beads.md b/Welcome/Features/Strands_and_Beads.md
index 06a34fc..42dd1e2 100644
--- a/Welcome/Features/Strands_and_Beads.md
+++ b/Welcome/Features/Strands_and_Beads.md
@@ -22,7 +22,7 @@ title: Strands and Beads
__This material is not yet complete.__
-Strands and beads are key concepts in Royale, related to the [PAYG](https://apache.github.io/royale-docs/Welcome/Features/PAYG.html) (pay as you go) concept. The idea is to keep component code as lightweight as possible, and to add functionality and complexity only to the components that need it. For example, you may use a lot of text input fields in your application, but only one or two need to be able to protect passwords by converting the display of text the user provides into dots. [...]
+Strands and beads are key concepts in Royale, related to the [PAYG](Welcome/Features/PAYG.html) (pay as you go) concept. The idea is to keep component code as lightweight as possible, and to add functionality and complexity only to the components that need it. For example, you may use a lot of text input fields in your application, but only one or two need to be able to protect passwords by converting the display of text the user provides into dots. You may want to disable or enable som [...]
Every component contains the minimum code necessary to perform its basic functions, and has "strands" onto which you can string "beads" of functionality that let the component do what you want it to do in a particular place in your application.
diff --git a/royalesite.css b/royalesite.css
index e1bbf0e..6ee7bc2 100644
--- a/royalesite.css
+++ b/royalesite.css
@@ -823,3 +823,33 @@ pre {
display: inline-block;
user-select: none;
}
+
+
+table {
+ display: block;
+ overflow: auto;
+ width: 100%;
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin-bottom: 16px;
+ margin-top: 0;
+}
+
+table th {
+ font-weight: 600
+}
+
+table td, table th {
+ border: 1px solid #dfe2e5;
+ padding: 6px 13px
+}
+
+table tr {
+ background-color: #fff;
+ border-top: 1px solid #c6cbd1
+}
+
+table tr:nth-child(2n) {
+ background-color: #f6f8fa
+}
+