Download Styling.themes PDF

TitleStyling.themes
TagsDatabases User Interface Library (Computing) Button (Computing) Typefaces
File Size223.9 KB
Total Pages41
Table of Contents
                            Contents
Introduction
Before You Begin
	Audience
	Prerequisites
	Environment Setup
		Workshop Constraints
Styling and Themes Overview
	Terms and Concepts
	Styling - Load Style Theme
		Workshop - Establish Styling Rights and Load Themes
			Review Styling Rights
			Load a Style Theme
Styling - Runtime Styler
	Runtime Styler - Primary Controls
		Set Controls for the Style Library
		Set Control for the StyleSets
	Runtime Styler - Resources
		Workshop - Introduce the Runtime Styler
			Use the Style Library
			Add a StyleSet
			Manage StyleSets
			Add a Resource
			Manage Resources
			Import Resources
Runtime Styler - Roles
	Runtime Styler - UI Roles
		Workshop - Use UI Roles
			Open UI Role Settings
			Set Up Background
			Set Up Border
			Set Up Font
			Set Up Image
			Set Up Other Parameters
			Use the Resources and Preview Sections
			Set Up Properties
			View UI Role Components
			Access UI Role Settings From the Program
	Runtime Styler - Component Role Settings
		Workshop - Set Up Component Role
			Open the Component Role Settings
			Modify the Common Properties
			Modify the Specific Component Properties
	Runtime Styler - Shared Object Role Settings
		Workshop - Set Up Shared Object Role
Styling - Style Filter Management
	Workshop - Use Style Filtering
		Create a Child Style Filter
		Modify a Child Style Filter
		View the Result for Supplier Maintenance
		View the Result for Ship Via Maintenance
Styling - Style Tracking
	Workshop - Use Style and Theme Tracking
Styling - Theme Maintenance
	Workshop - Use Theme Maintenance
		Import and Upload Themes
		Delete Theme
		Set Default Theme
Case Study
	Workshop - Case Study
		Create the Style Library
		Define Component Role Settings
		Define UI Role Settings
		Select and Size the Image
		Save the Styling Globally
		Modify Hot-Tracked State
		Modify Pressed State
		Save the Style Library
		Set the Style Library As Default
		View the Theme
		Remove Theme
Conclusion
                        
Document Text Contents
Page 20

4. Use the Font Style buttons to indicate whether or not any additional styling (for example, bold or italics) will be
used with this font. These buttons include

• Bold

• Italics

• Underline

• Strikethrough

5. Select vertical Alignment to indicate the alignment this text will have in vertical relationship within the borders
of the component.

6. Select horizontal Alignment to indicate the alignment this text will have in horizontal relationship within the
borders of the component.

Note If the text does not fit within the component’s borders, you can specify how to display this text by
using the Text Trimming menu. In this case, select EllipseWord to indicate that ellipses display on the
component and that additional words cannot be displayed.

7. Click Disabled and select the backup color.

Note This allows you to select the color used when the main font color is disabled.

8. To modify the alpha properties associated with font, from the Alpha field, select an option.

Set Up Image

Image options define how a foreground image displays within a component using this state. This image displays in
front of any background image, color, gradient, or hatch pattern.

1. Click Image and select File.

2. Search for and select the foreground image you want displayed.

3. Select vertical Alignment to indicate the alignment this image will have in vertical relationship within the borders
of the component.

4. Select horizontal Alignment to indicate the alignment this image will have in horizontal relationship within the
borders of the component.

5. To modify the alpha properties associated with images, from the Alpha field, select an option.

Set Up Other Parameters

The Other panel contains additional settings that do not fit within the categories above.

1. To define the mouse pointer appearance, from the Cursor field, select Hand.

2. To define how visible the selected color level is for this entire UI role, in the Alpha Level field, enter 150.

The Background, Border, Font, and Image sections all have an option that can use this Alpha Level value. If the
value is set to 0, the current state of the UI role does not display. As the level increases, the state becomes
increasingly visible. It is fully visible at Alpha level 255.

Epicor Software

20 | Styling and Themes Course

Similer Documents