Licensed to the Apache Software Foundation (ASF) under one or more

contributor license agreements. See the NOTICE file distributed with

this work for additional information regarding copyright ownership.

The ASF licenses this file to You under the Apache License, Version 2.0

(the “License”); you may not use this file except in compliance with

the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software

distributed under the License is distributed on an “AS IS” BASIS,

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

See the License for the specific language governing permissions and

limitations under the License.

layout: docpage title: Jewel description: A set of modern UI components permalink: /component-sets/jewel

Jewel

A set of modern UI components

Jewel is a themeable and responsive set of user interface components for Apache Royale to help you quickly build the front end of your applications with ActionScript & MXML.

It's based by design on Basic components. But while Basic is very strict with concepts like PAYG, in Jewel, while PAYG is important, when necessary we prioritize other things like responsiveness, themes and look and feel.

Browser Support

Jewel works on the following browser and device versions:

	Browser	Minimun Version	Release Date
Desktop	Google Chrome	44+	July,21, 2015
	Mozilla Firefox	34+	Dec, 1, 2014
	Apple Safari	11.1+(High Sierra)	Feb, 22 2018
	Microsoft Edge	15+
	Microsoft IE	11+
	Opera
Mobile	iOS SafariMobile	11.0+	Sep, 19, 2017
	Android	5.0	2014
	Windows Mobile

(*) This list can change depending on evolution and completion of the different components, but normally it should remain in this state.

Thanks to Browserstack{:target=‘_blank’} we created the list of minimum browser versions (*) where Apache Royale Jewel works consistently

Generated Javascript Output

For the browsers, Apache Royale generates ECMAScript version 5 (ES5) standard JavaScript to ensure applications are compatible with a wide range of available browsers, including Microssoft Internet Explorer 11 (IE11).

Components

If the component name is a link, you can click it to see more information about the component. We will update this list as we add information.

Type	Name	Description	Available SDK	State
Containers	ButtonBar	Container that displays a series of buttons	0.9.7	Complete
	Card	Container that surrounds other components	0.9.4
	Grid	Container that uses Grid Layout and needs other immediate children to work as cells and host content.	0.9.4	Complete
	SimpleTable	A basic HTML table that can be declared in MXML	0.9.4	Complete
	Table	A complex HTML table element filled from a data source. Cells are ItemRenderers.	0.9.4	In Progress
	TabBar		0.9.4	Complete
	TabBarContent	A container to use with TabBar and capable of presenting organized content	0.9.4	Complete
	Wizard	11.0+	0.9.4	Complete
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	Complete
	Button	A commonly-used rectangular button with a text label. Users can click or tap it to take an action.	0.9.4	Complete
	CheckBox	Consists of a box that can contain a check mark and an optional label.	0.9.4	Complete
	ComboBox		0.9.4	Complete
	DataGrid		0.9.7
	DateChooser		0.9.4	Complete
	DateField		0.9.4	Complete
	DropDownList		0.9.4	Complete
	Form		0.9.4	Complete
	FormItem		0.9.4	Complete
	Icon		0.9.4	Complete
	Image		0.9.4	Complete
	Label	Used for single or multi lined text labels	0.9.4	Complete
	List		0.9.4	Complete
	NumericStepper		0.9.4
	PopUp		0.9.4	Complete
	RadioButton	Lets the user make a single choice within a set of mutually exclusive choices	0.9.4	Complete
	HSlider		0.9.4	Complete
	VSlider		0.9.6	Complete
	SnackBar		0.9.4	Complete
	TextInput	A control for single-line text field.	0.9.4	Complete