This is an automated email from the ASF dual-hosted git repository.
andreww 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 bf8b19f Update Components.md
bf8b19f is described below
commit bf8b19fffbc1ce9d96126ae58d55f6b99bde533d
Author: Andrew Wetmore <[email protected]>
AuthorDate: Sun May 19 16:50:54 2019 -0300
Update Components.md
Added information about reviewing component sets in the SDK, importing a
component set, and placing a component from the Jewel set.
---
User-interface/Components.md | 26 ++++++++++++++++++++++++++
1 file changed, 26 insertions(+)
diff --git a/User-interface/Components.md b/User-interface/Components.md
index 67413b9..1103b13 100644
--- a/User-interface/Components.md
+++ b/User-interface/Components.md
@@ -68,3 +68,29 @@ There are several other component sets that are
proofs-of-concept that wrap exis
* CreateJS
* Flat
* JQuery
+
+ ## Component sets for your application
+ When you download the Royale SDK to your local computer, you can browse the
component sets in this location:
+
+ royale-asjs/frameworks/projects
+
+ For sets that do not have an extensive demonstration suite like Tour de Jewel
for the Jewel set, you can see quickly what components seem to be available.
+
+ Let's say I then decide I want to use the Jewel component set in my
application. I need to call it in the opening lines of the main file in my
project:
+
+ ```
+ <?xml version="1.0" encoding="utf-8"?>
+<!--
+ ...
+ <c:MyProjectUsingJewel xmlns:fx="http://ns.adobe.com/mxml/2009";
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="MyProjectUsingJewel.mxml">
+ ````
+
+ Let's say I want to insert a multi-line label in my app's UI. I use the Label
component in the "j" namespace I established for Jewel:
+
+ `
+ <j:Label text="This is a multiline label with more text that wraps if
container has set a width" multiline="true"/>
+ `
