You are not logged in.   Log in | Register

The UIConfig

From $1

Table of contents
No headers

Wildfire uses a hierarchical xml to allow a flexible and highly configurable design.
Using this XML you can control fonts, colors, sizes, gradients, frames, roundness of corners for almost any graphic element in Wildfire's UI.

 

The UIConfig is an XML string that provide detailed control over the look and feel of Wildfire by overriding the default UI configuration. 

An Example UIConfig:

UIConfig: '<config><display showEmail="true" useTransitions="true" showBookmark="true" codeBoxHeight="auto" 
            showCodeBox="true" showCloseButton="false" networksWithCodeBox=""></display>
            <body><background frame-color="#BFBFBF" background-color="#FFFFFF" gradient-color-begin="#ffffff" 
            gradient-color-end="#F4F4F4" corner-roundness="4;4;4;4"></background><controls color="#202020" 
            corner-roundness="4;4;4;4" gradient-color-begin="#EAEAEA" gradient-color-end="#F4F4F4" bold="false">
            <snbuttons type="textUnder" frame-color="#D5D5D5" over-frame-color="#60BFFF" color="#808080" 
            gradient-color-begin="#FFFFFF" gradient-color-end="d4d6d7" size="10" bold="false" down-frame-color="#60BFFF" 
            down-gradient-color-begin="#6DDADA" over-gradient-color-end="#6DDADA" down-gradient-color-end="#F4F4F4" 
            over-color="#52A4DA" down-color="#52A4DA" over-bold="false">
            <more frame-color="#A4DBFF" over-frame-color="#A4DBFF" 
            gradient-color-begin="#F4F4F4" gradient-color-end="#BBE4FF" over-gradient-color-begin="#A4DBFF" 
            over-gradient-color-end="#F4F4F4"></more><previous frame-color="#BBE4FF" over-frame-color="#A4DBFF" 
            gradient-color-begin="#FFFFFF" gradient-color-end="#A4DBFF" over-gradient-color-begin="#A4DBFF" 
            over-gradient-color-end="#F4F4F4"></previous></snbuttons><textboxes frame-color="#CACACA" color="#757575" 
            gradient-color-begin="#ffffff" bold="false"><codeboxes color="#757575" frame-color="#DFDFDF"
            background-color="#FFFFFF" gradient-color-begin="#ffffff" gradient-color-end="#FFFFFF" size="10"></codeboxes>
            <inputs frame-color="#CACACA" color="#757575" gradient-color-begin="#F4F4F4" gradient-color-end="#ffffff">
            </inputs><dropdowns list-item-over-color="#52A4DA" frame-color="#CACACA"></dropdowns></textboxes>
            <buttons frame-color="#CACACA" gradient-color-begin="#F4F4F4" gradient-color-end="#CACACA" color="#000000" 
            bold="false" over-frame-color="#60BFFF" over-gradient-color-begin="#BBE4FF" down-gradient-color-begin="#BBE4FF" 
            over-gradient-color-end="#FFFFFF" down-gradient-color-end="#ffffff">
            <post-buttons frame-color="#CACACA" gradient-color-end="#CACACA"></post-buttons></buttons>
            <listboxes frame-color="#CACACA" corner-roundness="4;4;4;4" gradient-color-begin="#F4F4F4" 
            gradient-color-end="#FFFFFF"></listboxes>
            <checkboxes checkmark-color="#00B600" frame-color="#D5D5D5" corner-roundness="3;3;3;3" 
            gradient-color-begin="#F4F4F4" gradient-color-end="#FFFFFF"></checkboxes>
            <servicemarker gradient-color-begin="#ffffff" gradient-color-end="#D5D5D5"></servicemarker>
            <tooltips color="#6D5128" gradient-color-begin="#FFFFFF" gradient-color-end="#FFE4BB" size="10" 
            frame-color="#FFDBA4"></tooltips></controls>
            <texts color="#202020"><headers color="#202020"></headers><messages color="#202020"></messages>
            <links color="#52A4DA" underline="false" over-color="#353535" down-color="#353535" down-bold="false"></links>
            </texts></body></config>'

 

Most UIConfig parameters can be configured using the Advanced Setup wizard in Gigya's web-site.

You may export and import the UIConfig from and to the Advanced Wizard using the Import \ Export theme buttons (see detailed explanation in the Advanced Setup Wizards guide).

 

Note: If you are using one of the Wildfire Buttons' Wizards:
Wildfire Button in page , Wildfire Button in widget , Send to a Friend Button or Bookmark Button
you do not have access to the UIConfig parameter.
Tags:
Files (0)