Appendix – Basic Component Properties Reference

• Form

  Basic	ID	Component ID
  Setup	home	Home Form is also known as the main page of the application. (You may set a Form as a Home Form in Sitemap Editor.)
  	login	You may set your Form as a Login Form if that specific page requires a sign in or a log in. (You may set a Form as a Login Form in Sitemap Editor.)
  	start	If you set your Form as a Start Form, that Form will be the first page of your application. (Changes can be made in Sitemap Editor.)
  	Layer	If you want to add another Form on top of another, so that two Forms are being shown simultaneously. (Can be seen used for Menu and Option that appears on the side on top of another page)
  	Logic	If you have an event that is used on multiple Forms. ( Event to make menu appear that is available on all Forms of your application)
  Event	Close	Select a close event for the Form when existed
  	Init	Select an open event for the Form when opened
  Basic	ID	Component ID
  Decoration	Style Class	Template of size dimensions and style. Used to keep the style the same for all Forms instead of inputting same dimensions for each Form repeatedly.
  	margin	Set a marginal space for the component
  	padding	Set a padding area for the component
  	Style	Contains multiple options to edit the appearance of the component. Boarder: Set thickness, style, and color for the border of the component Font: Change the font of the text Background: Set background color of image Transform: Set plane of view of the test. Such as shifting the component to align to different axis (x,y,z) and rotating it. Text Shadow: Sets color and placement of component shadow. Box Shadow: Sets color and opacity of the components box.

• Label

  Basic	ID	Component ID
  Decoration	style class	Template of size dimensions and style. Used to keep the style the same for all labels instead of inputting same dimensions for each label repeatedly.
  	size	Configure the size of label
  	style	Contains multiple options to edit the appearance of the component. Boarder: Set thickness, style, and color for the border of the component Font: Change the font of the text Background: Set background color of image Transform: Set plane of view of the test. Such as shifting the component to align to different axis (x,y,z) and rotating it. Text Shadow: Sets color and placement of component shadow. Box Shadow: Sets color and opacity of the components box.
  	margin	Set a marginal space for the component
  	padding	Set a padding area for the component
  	floating	Aligns text to the left or right, used in situations where other alignment options may not work correctly such as in cases of layered forms.
  	valign	Vertical alignment of data. Properly fits
  	textalign	Text aligns to position chosen
  	word wrap	Text wrapped to fit on component
  DataStore	store	Indicates what data to take from a datastore component and kept for further use.
  	text	Text data taken from datastore component. (text may change depending on the data taken such as daily top news articles)
  	html	HTML can be taken to further customize the design of the component.
  Event	Show	Label shows the data it is suppose to retrieve. (If event is directed at an RSS app data of news article titles it would display the new article title)
  	Hide	Label disappears according to the even it is assigned to be the trigger to disappear.

• Image

  Basic	ID	Component ID
  Setup	Src	Image by the user from Project, URL, and Local. (Project are images that have been used in the application once already and Local are images that have not been used but the computer has saved elsewhere)
  DataStore	store	Indicates what data to take from a datastore component and kept for further use.
  	image	Image URL found from data in DataStore
  Decoration	style class	Template of size dimensions and style. Used to keep the style the same for all images instead of inputting same dimensions for each image repeatedly.
  	size	Configure the size of image.
  	style	Contains multiple options to edit the appearance of the component. Boarder: Set thickness, style, and color for the border of the component Font: Change the font of the text Background: Set background color of image Transform: Set plane of view of the test. Such as shifting the component to align to different axis (x,y,z) and rotating it. Text Shadow: Sets color and placement of component shadow. Box Shadow: Sets color and opacity of the components box.
  	margin	Set a marginal space for the component
  	padding	Set a padding area for the component
  	floating	Aligns text to the left or right, used in situations where other alignment options may not work correctly such as in cases of layered forms.
  	valign	Vertical alignment of data. Properly fits
  Event	Tap	Event occurs when tapped or clicked on.
  	Show	Image shows the data it is suppose to retrieve. (If event is directed at an RSS app data of news article titles it would display the new article title)
  	Hide	Image disappears according to the even it is assigned to be the trigger to disappear.

• Button

  Basic	ID	Component ID
  Setup	text	Text inputted by the user
  	image	Image by the user from Project, URL, and Local. (Project are images that have been used in the application once already and Local are images that have not been used but the computer has saved elsewhere)
  	text	Text URL inputted by the user
  Decoration	style class	Template of size dimensions and style. Used to keep the style the same for all Forms instead of inputting same dimensions for each Form repeatedly.
  	size	Configure the size of button
  	style	Contains multiple options to edit the appearance of the component. Boarder: Set thickness, style, and color for the border of the component Font: Change the font of the text Background: Set background color of image Transform: Set plane of view of the test. Such as shifting the component to align to different axis (x,y,z) and rotating it. Text Shadow: Sets color and placement of component shadow. Box Shadow: Sets color and opacity of the components box.
  	margin	Set a marginal space for the component
  	padding	Set a padding area for the component
  	floating	Aligns text to the left or right, used in situations where other alignment options may not work correctly such as in cases of layered forms.
  	valign	Vertical alignment of data. Properly fits
  Event	Tap	Event occurs when tapped or clicked on.

• CheckBox

  Basic	ID	Component ID
  Setup	value	ID for the component, can be used when multiple languages meaning the same thing for one source of data is used in an application and all the data for that source must be gathered and used.
  	text	Text that is shown next to the checkbox
  	checked	The status of the checkbox, if it is checked or not checked.
  DataStore	store	Select from DataStore component
  	compare to	Data retrieved is compared to another data source that is indicated in this menu.
  Decoration	size	Configure check box size
  	style	Contains multiple options to edit the appearance of the component. Boarder: Set thickness, style, and color for the border of the component Font: Change the font of the text Background: Set background color of image Transform: Set plane of view of the test. Such as shifting the component to align to different axis (x,y,z) and rotating it. Text Shadow: Sets color and placement of component shadow. Box Shadow: Sets color and opacity of the components box.
  	style class	Template of size dimensions and style. Used to keep the style the same for all Forms instead of inputting same dimensions for each Form repeatedly.
  Event	Check	Set an event to occur depending on whether checkbox is checked or not checked.
  	Tap	Set an event to the check box when clicked or tapped

Appendix – Layout Component Properties Reference

• Panel

  Basic	ID	Component ID
  Decoration	style class	Template of size dimensions and style. Used to keep the style the same for all Forms instead of inputting same dimensions for each Form repeatedly.
  	size	Configure the size of button
  	style	Contains multiple options to edit the appearance of the component. Boarder: Set thickness, style, and color for the border of the component Font: Change the font of the text Background: Set background color of image Transform: Set plane of view of the test. Such as shifting the component to align to different axis (x,y,z) and rotating it. Text Shadow: Sets color and placement of component shadow. Box Shadow: Sets color and opacity of the components box.
  	margin	Set a marginal space for the component
  	padding	Set a padding area for the component
  	display	Divides the space between the Panel and other components.
  	floating	Aligns text to the left or right, used in situations where other alignment options may not work correctly such as in cases of layered forms.
  	Align	Indicates the position at which the data will be displayed on the component (left, right, top, bottom, middle, etc.).
  	Valign	Vertical alignment of data. Properly fits
  	Animationspeed	Indicates the speed at which the panel appears such as when two forms are layered and one of the menus is appearing on top of the other. The speed at which that form is appearing or disappearing.
  	Showatstart	Indicate what to show at the start of the Form on the Panel.
  Setup	Text	Text that can be inputted onto panel to be displayed
  Event	Tap	Event occurs when panel is tapped or clicked on
  	Doubletap	Even occurs only when double tapped or double clicked
  	Show	Show data collected by DataStore component on Panel.
  	Hide	Hide data on panel when triggered by another event.

• Header

  Basic	ID	Component ID
  Decoration	style class	Template of size dimensions and style. Used to keep the style the same for all Forms instead of inputting same dimensions for each Form repeatedly.
  	size	Configure the size of button
  	style	Contains multiple options to edit the appearance of the component. Boarder: Set thickness, style, and color for the border of the component Font: Change the font of the text Background: Set background color of image Transform: Set plane of view of the test. Such as shifting the component to align to different axis (x,y,z) and rotating it. Text Shadow: Sets color and placement of component shadow. Box Shadow: Sets color and opacity of the components box.
  	margin	Set a marginal space for the component
  	padding	Set a padding area for the component
  DataStore	Store	Indicates what data to take from a datastore component and kept for further use.
  	Text	Insert the text that will be displayed on the component.
  Event	Tap	Set an event to occur when header is clicked or tapped.

• Footer

  Basic	ID	Component ID
  Decoration	style class	Template of size dimensions and style. Used to keep the style the same for all Forms instead of inputting same dimensions for each Form repeatedly.
  	size	Configure the size of button
  	style	Contains multiple options to edit the appearance of the component. Boarder: Set thickness, style, and color for the border of the component Font: Change the font of the text Background: Set background color of image Transform: Set plane of view of the test. Such as shifting the component to align to different axis (x,y,z) and rotating it. Text Shadow: Sets color and placement of component shadow. Box Shadow: Sets color and opacity of the components box.
  	margin	Set a marginal space for the component
  	padding	Set a padding area for the component
  Event	Tap	Set an event to occur when header is clicked or tapped.

• ScrollPanel

  Basic	ID	Component ID
  Decoration	style class	Template of size dimensions and style. Used to keep the style the same for all Forms instead of inputting same dimensions for each Form repeatedly.
  	size	Configure the size of button
  	style	Contains multiple options to edit the appearance of the component. Boarder: Set thickness, style, and color for the border of the component Font: Change the font of the text Background: Set background color of image Transform: Set plane of view of the test. Such as shifting the component to align to different axis (x,y,z) and rotating it. Text Shadow: Sets color and placement of component shadow. Box Shadow: Sets color and opacity of the components box.
  	margin	Set a marginal space for the component
  	padding	Set a padding area for the component
  	display	Divides the space between the Panel and other components.
  	floating	Aligns text to the left or right, used in situations where other alignment options may not work correctly such as in cases of layered forms.
  	Align	Indicates the position at which the data will be displayed on the component (left, right, top, bottom, middle, etc.).
  Event	Tap	Event occurs when panel is tapped or clicked on
  	Doubletap	Even occurs only when double tapped or double clicked

Appendix – Data Component Properties Reference

• Ajax

  Basic	ID	Component ID
  Data	url	Retrieves data from the url inputted.
  	timeout	Time allotted to run certain processes. If processes are taking to long to obtain the wanted data it is then canceled if it exceeds the timeout value.
  	cache	Selected files that are commonly used by the app so that processing speeds are faster.
  	params	Determines what kind of data to take from the url location with the information used from its own application. Can be sued in situations such as finding a nearby market. It would use the location data from its own gps and then use it as the data to find the nearest market.
  	type	POST or GET, Post is for a lot of data that must be organized while GET is for smaller amounts.
  	limit	Specifies how much to retrieve and display at once. Examples can be seen on any search engine. The amount of results remains the same on each page because that is the limit.
  DataStore	Key1 – Key 5	Data that is commonly used by the application receive key assignments.
  Event	ready	Event occurs as soon as soon as the related event finishes.
  	take	Assigns event to take/bring over data from specific datastore component
  	takeready	Data collected from ready even is transferred and shown by this event.
  	error	When application is not functioning properly due to a bug or wrong input by the user, it recognizes and displays an even to notify.
  	empty	Set an event to remove all data of directed destination.
  	done	Event occurs when specified event is marked as done.
  	takefirst	Directs which data to take first from bulk data collected.
  	takelast	Directs which data to take last from bulk data collected.
  	needlogin	Restricts certain events from occurring without login by user.

• Geolocation

  Basic	ID	Component ID
  Setup	Cached	Selected files that are commonly used by the app so that processing speeds are faster.
  	Priority	Sets what information to take for the same function.
  	Place	Sets what location to use.
  	Woeid	(Where On Earth IDentifier), a unique 32-bit reference identifier, now assigned by Yahoo!, that identifies any feature on Earth. WOEID is used by a number of web applications, such as zWeather
  Event	Ready	Event occurs as soon as soon as the related event finishes.
  	Take	Assigns event to take/bring over data from specific datastore component
  	Error	When application is not functioning properly due to a bug or wrong input by the user, it recognizes and displays an even to notify.
  	Done	Event occurs when specified event is marked as done.

• RSS

  Basic	ID	Component ID
  Setup	url	Input url of where to obtain that data wanted (rss commonly used for new article feeds, the news article website rss url link would be input here)
  	datacolumns	Input the type of data to bring from the url location
  	Datarowfunction	Indicates where the data is sent after retrieving
  Event	Ready	Event occurs as soon as soon as the related event finishes.
  	Take	Assigns event to take/bring over data from specific datastore component
  	Error	When application is not functioning properly due to a bug or wrong input by the user, it recognizes and displays an even to notify.
  	Done	Event occurs when specified event is marked as done.