You are not logged in. Log in | Register

Edit
page

New
page

Print
page

Page last modified 13:49, 26 Jan 2010 by shirly

Page Notifications Off

Redirect

Gigya's Developer Documentation > Wildfire Sharing Tool > Developer's Guide > UI Customization > The Setup Wizards > Standard Setup Wizards

Standard Setup Wizards

From $1

1. Wildfire Look-and-Feel
1. 1.1. Readymade Themes
2. 1.2. Custom Look-and Feel
  1. 1.2.1. Window Size
  2. 1.2.2. Colors
  3. 1.2.3. Fonts
  4. 1.2.4. Corner Roundness
2. Wildfire UI Components
1. 1. 2.1.1. Showing\Hiding Tabs
  2. 2.1.2. Hiding the Code Box
  3. 2.1.3. Show icons only
  4. 2.1.4. Show close button
3. Wildfire Logic
1. 1. 3.1.1. Content is a layout
  2. 3.1.2. Enable Advanced Tracking
  3. 3.1.3. Widget Title
    1. 3.1.3.1. Examples:
  4. 3.1.4. Preview image url
  5. 3.1.5. Post to Facebook

In this document we will learn how to customize and configure Wildfire using one of the Standard Setup Wizards.

There are two "Standard Setup" wizards for Wildfire:

Both wizards have the same structure and logic, but generate code in different languages. We will discuss both wizards on this page, however the screenshots are taken from the "Wildfire in page" Standard Setup wizard.

Note - The Quick Start section is a guide for integrating standard Wildfire in your site \ widget using the Standard Setup Wizard. The guide includes a working example and a "walkthrough" describing the process of integration.

The current page elaborates the customization options available using the Standard Setup Wizards. Please make sure you have read the Quick Start page before reading this page.

For the sake of convenience we will divide Wildfire customization options into three categories:

Wildfire Look-and-Feel - how to customize elements of general appearance, such as: colors, fonts, sizes, etc.
Wildfire UI Components - showing \hiding inner components in the Wildfire widget (such as tabs, buttons, text, etc.) and thus enabling \disabling Wildfire functionality.
Wildfire Logic - parameters that do not have any visual effect on Wildfire, but affect Wildfire's functionality logically.

Wildfire Look-and-Feel

Readymade Themes

You may pick one of Gigya's several ready made designs for Wildfire, such as the "Emo" theme:

As a result of changing the theme:

The "View" part of the Wizard is updated, displaying the chosen theme.
The generated script code is updated - specifically, the value of the UIConfig parameter is modified.
You may also notice that the "Colors" section of the Wizard and other relevant parameters, are updated in a way that reflects the selected design.

After choosing your favorite theme, you may perform some tweaking on the basic design. Find out about the possibilities in the next section.

Custom Look-and Feel

Window Size

You may select a predefined size or define custom width and height for your window:

As a result of a window size change:

The "View" part of the Wizard is updated, displaying Wildfire with the selected size.
The generated script code is updated - specifically, the values of the width and height parameters are modified.

Colors

The color of every element in Wildfire can be modified.

The Standard Wizard provides a simple menu, using which the color of the ten most noticeable elements in the Wildfire window can be changed.

If the provided menu does not meet your needs, please use one of our Advanced Setup Wizards, in which you may select one of 64 different colors, including gradient colors.

As a result of a color change (in the example above - the background color was changed to turquoise):

The "View" part of the Wizard is updated - Wildfire appears with the selected color (in the example above, turquoise background).
The generated script code is updated - specifically, the UIConfig parameter value is updated (in the example above: background-color="#92FFFF").

Fonts

Use the Standard Wizard to change the font of the text in the Wildfire window.

Changing the font in the Standard Wizard menu will perform a font change for all the text elements in the Wildfire window.

If you would like to be more specific (for example, if you wish to specify a certain font for links and another font for buttons captions), please use one of the Advanced Setup Wizards. You will be able to determine the font of each textual element in the Wildfire window, including font properties (such as size, style, etc).

Corner Roundness

Define the degree of roundness for the four corners of the Wildfire window using an integer between 0 and 20.

To define roundness for each corner of each square element in the Wildfire window (i.e., buttons, textboxes, etc.), please use one of the Advanced Setup Wizards.

Wildfire UI Components

This section discusses the possibility of controlling the visibility of several Wildfire components. By controlling the visibility of components in your instance of Wildfire, you are actually defining its functionality.

The following list of checkboxes (which is part of the Standard Setup menu) control the visibility of Wildfire components:

Showing\Hiding Tabs

You may determine which services will be available to your users by showing\hiding the relevant tabs. This is performed by checking the relevant checkboxes:

As a result:

The "View" part of the Wizard is updated and the corresponding tabs appear\disappear, as demonstrated in the screen shot above.
The generated script code is updated - specifically, the UIConfig parameter value is updated, as demonstrated in the code below:

<config><display showBookmark="true" showEmail="false" showDesktop="true" ... ></display></config>

To learn how to control the destination sites which are available on Wildfire as well as how to determine their order and arrangement, please refer to the Destination Sites Configuration page.

To learn more about the various services Wildfire provides, and about how to customize them, please refer to the relevant pages in the Developer's Guide:

Hiding the Code Box

Checking the "Hide code box" checkbox will remove the code box (the "Embed code" box) from the Wildfire window, as demonstrated below:

Show icons only

Checking the "Show icons only" checkbox will hide the captions beneath the destination sites' icons.

Show close button

The following screenshot demonstrates the results of checking the "Show close button" checkbox:

As a result:

The "View" part of the Wizard is updated and the close button will display as shown in the screenshot above.
The generated script code is updated - specifically, the value of the UIConfig parameter, as in the screenshot above.

The additional significance of having a "close" button in your Wildfire instance is that whenever your user clicks the "close" button, Wildfire will initiate an onClose Event.

To learn more about handling Wildfire events, please refer to the Wildfire Events page in the Developer's Guide.

Wildfire Logic

The following parameters do not have any visual effect on Wildfire, but they affect Wildfire functionality logically:

Content is a layout

If the content you are posting is a layout, please check this checkbox. The Wildfire post tab will automatically show only the "Myspace" and "Friendster" buttons, which are the only social networks that support layouts.

Checking the "Content is a layout" checkbox will set the value of the contentIsLayout parameter in Wildfire to "true". Please refer to the Posting Layouts section for a detailed explanation.

Enable Advanced Tracking

Please check this checkbox if you would like Gigya to track the viral distribution of your widget and to collect information that will be available through Gigya's reporting service.

Widget Title

The string you enter in the textbox will be the default title suggested to the user on networks that support such titles.

Examples:

In the following screen shot, widgetTitle="Your widget title" while posting to MySpace.

In the following screen shot, widgetTitle="My page title" sent to Yahoo Bookmarks:

Preview image url

The image URL you enter in the textbox will be used as your widget's preview image on all the networking sites which support such previews (such as Facebook). If you leave this text box empty, Wildfire will automatically create a preview for your widget.

Post to Facebook

When content is posted to Facebook, Wildfire posts the content to the "newsfeed" section in Facebook, by default.

If you check the "Post to application" radio-button (as seen in the screenshot below), Wildfire will post your widget to a designated application.

Please note that Facebook resizes flash content to fit the newsfeed and resizes preview images displayed to users.

Retrieved from "http://wiki.gigya.com/055_Wildfire_API/040_Developer_Guide/020_UI_Parameters/005_The_Setup_Wizards/002_Standard_Setup_Wizards"

Tags:

Edit tags

Files (0)

Standard Setup Wizards

From $1

Table of contents

Wildfire Look-and-Feel

Readymade Themes

Custom Look-and Feel

Window Size

Colors

Fonts

Corner Roundness

Wildfire UI Components

Showing\Hiding Tabs

Hiding the Code Box

Show icons only

Show close button

Wildfire Logic

Content is a layout

Enable Advanced Tracking

Widget Title

Examples:

Preview image url

Post to Facebook

Table of contents

Recent pages

Standard Setup Wizards

From $1

Table of contents

Wildfire Look-and-Feel

Readymade Themes

Custom Look-and Feel

Window Size

Colors

Fonts

Corner Roundness

Wildfire UI Components

Showing\Hiding Tabs

Hiding the Code Box

Show icons only

Show close button

Wildfire Logic

Content is a layout

Enable Advanced Tracking

Widget Title

Examples:

Preview image url

Post to Facebook

Table of contents