Cisco Cisco WebEx Social for Mobile
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
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:
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:
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.
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
for
the full list of parameters.