Theme for Smart Devices object

Official Content
This documentation is valid for:

The Theme for Smart Devices object allows you to configure and achieve most of the aesthetic effects required in your mobile application.

When you use the Smart Devices Generator (for example, when creating or importing the first object for Smart Devices into your Knowledge Base), the 'CarmineSD' Theme for Smart Devices object is automatically imported with two child-themes: 'CarmineIOS' and 'CarmineAndroid'.

The 'CarmineIOS' and the 'CarmineAndroid' Themes for Smart Devices are automatically assigned under the SD Platforms node to the "Any iOS" subnode and the "Any Android" subnode respectively (in their Theme property). Each specific iOS platform (iPad, iPhone, iPhone 3.5", etc.) inherits the Theme configured for the "Any iOS" node and each specific Android platform inherits the Theme configured for the "Any Android" node. You could change all those Themes, to get different looks and feels depending on the device type.

Simple Themes for Smart Devices- GeneXus 15

There also exist two more Themes (backward-compatible) that can be imported and set: SimpleAndroid and SimpleIOS.

You can create your own Theme for Smart Devices based on one of the existing, or new at all (all classes with its default value) by selecting in the main GeneXus menu File > New Object

A group of classes corresponding to GeneXus controls and mobile elements is displayed in the created Theme (and also, other components).

SD Theme Classes GeneXus 15

Each class has a set of properties configurable by the designer and constitutes a "design" for a type of GeneXus control. A class can be assigned to a control in design time, and through the Class property at both design-time and run-time.

Styles tab

Displays every component of a Theme object in a tree-like interface.

Notes
(1) Available as of GeneXus 15 Upgrade 8
(2) Available as of GeneXus 15 Upgrade 9

Color tab

Allows the developer to select a Color Palette Object that applies to the Theme object, displaying which colors are used (in the palette or not) for that theme. Also, for each color, will display a properties list with theme-class that uses such colors. That simplifies the developer task of discovering which color is applying to.
ViewThemeColor_png
For more information, refer to Colors Tab of Theme Object.

Images tab

At this tab, all the images used by the Theme object will be displayed. When an image varies with a theme, only the corresponding to this theme is shown.
image_20181313734_1_png

See also

Videos

Start Video Designing through Classes and Themes




Subcribe to this category's changes
Sub CategoriesAdd a new subcategory in this category
PagesAdd a new page in this category
Was this page helpful?
What Is This?
Your feedback about this content is important. Let us know what you think.