Cisco Cisco WebEx Social for Mobile

ページ / 12
 
3
Cisco WebEx Social Theming Guide, Release 3.3
OL-29262-01
  Creating a Theme
Procedure
Step 1
Use an image editing application to create the image file. Images must adhere to certain requirements 
that can be found in 
 together with the property that sets the image.
Step 2
Copy the image to the images folder in the folder structure that you created for your theme.
Step 3
Set the corresponding element property in settings.properties.
For example, if you created an PNG named post_button.png to be used with the post.button UI element 
and placed it in the images folder, you would write this line to the file:
post.button.color.image = post_button.png
Step 4
Save the file.
Styling by Colors
Most Cisco WebEx Social UI elements can be styled by specifying a color. There are two types of color 
specification you can make when creating a Cisco WebEx Social theme:
solid color
color gradient
The solid color specifies a single color to be used for an element or element aspect.
Color gradients are specified by a pair of colors that are then gradated from one to the other.
Color-specifying configuration properties take a 6-digit or 3-digit hexadecimal code as a value. 3-digit 
hex code is internally expanded to 6-digit hex code.
Examples:
To specify white, use this 6 digit hex code: ffffff
The same color can be specified using the 3-digit shorthand notation, which is fff.
Follow this general procedure to style an element or an element aspect using a color:
Procedure
Step 1
Open settings.properties for editing.
Step 2
Set the corresponding element property in settings.properties.
For example, if you want to make the action.button UI element gray, you write this line to the file:
action.button.color = 808080
Step 3
Save the file.
Editing the settings.properties File
The settings.properties file is a basic text file that uses the one property per line format. See 
 fo
the full list of parameters.