@Start Here

From KickApps Documentation

Contents 1 What is a widget? 2 How do widgets fit into the KIT Cloud Social platform? 3 Anatomy of a widget 4 Add components to your widget 5 Next Steps

What is a widget?

A widget is a portable chunk of a web page. KIT Cloud Social widgets can play videos or audio tracks, display photos, render the contents of RSS feeds, run ads, open web pages, log in and register users, prompt users for feedback, make API calls, and much more. KIT Cloud Social widgets can be pushed to Facebook and KIT Cloud Social-hosted pages with one click, and come with snaggable embed code that can be pasted into any site that accepts HTML embeds. Widgets can be extended with plug-ins and expose a full JavaScript API and flashVars, enabling publishers to change any aspect of their content and behavior at run-time.

KIT Cloud Social widgets can be deployed as either Flash (requires Flash Player 10) or HTML.

How do widgets fit into the KIT Cloud Social platform?

The KIT Cloud Social Video Sharing and Audio Sharing apps use widgetized video players and audio players to play their content (not using the KIT Cloud Social Video Sharing and Audio Sharing apps? Learn how.). These widgets appear on your play pages, in blogs, comments, message board posts, community mail, and in your members' "my widgets" page. You can see which widgets are installed on your KIT Cloud Social hosted pages in the App Studio under File > Install. Learn how to customize the widgets on your KIT Cloud Social pages.

Anatomy of a widget

Widgets are composed of one or more "components"-- simple, configurable elements like text fields, buttons, shapes, images, video screens, audio players, scrubber bars, and volume controls. For example, the Video Player Template is composed of the following components, which can all be sized, positioned, skinned and programmed independently:

• Video Player
• Scrubber
• Volume Control
• Button
• Text

Add components to your widget

To add components to your widget, drag them from the Components panel onto the stage or double-click on their icons in the Components panel. You can use these basic building blocks to assemble, style, and program completely customized widgets.

Next Steps

Create, customize, and publish a widget