Generic: Difference between revisions
Jump to navigation
Jump to search
| Line 14: | Line 14: | ||
{| class="wikitable" | {| class="wikitable" | ||
|- | |- | ||
| attributes || A list of [http://en.wikipedia.org/wiki/HTML_attribute HTML attributes]. | | attributes || A list of [http://en.wikipedia.org/wiki/HTML_attribute HTML attributes]. To prevent jQuery Mobile from styling the element, use data-role=none. | ||
|- | |- | ||
| class || Class is a special attribute, which defines the CSS which applies to the element. Class names are separated by spaces. | | class || Class is a special attribute, which defines the CSS which applies to the element. Class names are separated by spaces. | ||
| Line 20: | Line 20: | ||
| content || The text to use in between the HTML tags. Can be text or HTML. | | content || The text to use in between the HTML tags. Can be text or HTML. | ||
|- | |- | ||
| HTMLTag || The HTML tag of the control. It is formatted <HTMLTag>content</HTMLTag>. | | HTMLTag || The [http://www.w3schools.com/tags/ HTML tag] of the control. It is formatted <HTMLTag>content</HTMLTag>. | ||
|- | |- | ||
| style || A list of [[style]] properties, each in the form styleName:value; | | style || A list of [[style]] properties, each in the form styleName:value; | ||
Revision as of 08:54, 22 December 2014
Description
The Generic control is an HTML wrapper which you can use to create your own control or element. Using it will require some knowledge of HTML. Once you have set the options, the result will be a fully function AppStudio control.
All the usual events are supported.
To add a Generic control to your app, choose the Generic icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need.
Properties
Standard properties are supported, plus:
| attributes | A list of HTML attributes. To prevent jQuery Mobile from styling the element, use data-role=none. |
| class | Class is a special attribute, which defines the CSS which applies to the element. Class names are separated by spaces. |
| content | The text to use in between the HTML tags. Can be text or HTML. |
| HTMLTag | The HTML tag of the control. It is formatted <HTMLTag>content</HTMLTag>. |
| style | A list of style properties, each in the form styleName:value; |
Change the color of a label
Generic1.style.color = "red"
Events
Standard events are supported. However, events are not usually associated with the control.