Developer Central - Widgets

Widgets are code-units that you can embed within your site or blog. The following widgets are available for mashups

Lightbox Popup (Suitable for website feedback)

<script id="is-feedback-widget" src="http://aapi.ideascale.com/userimages/accounts/91/916774/panel-27265-feedback-widget.js" defer="defer"></script>

Note: The code can be placed in either the <head> or the <body> tag. And if you've added some custom fields and the lightbox is not big enough to contain all the fields, you may customize its width and height through query strings. For example:

<script id="is-feedback-widget" src="http://aapi.ideascale.com/userimages/accounts/91/916774/panel-27265-feedback-widget.js?width=420&height=480" defer="defer"></script>

Hot Ideas Widget displays the Top 3 Ideas as well as ideas that have recently marked as complete. (Suitable for a navigation sidebar)

<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Corporation for National and Community Service
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5746" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Agriculture
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5743" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Commerce
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5745" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Defense
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5744" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Education
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/4589" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Energy
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5747" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Health and Human Services
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5752" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Homeland Security
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5742" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Housing and Urban Development
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5709" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of the Interior
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5703" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Justice
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5704" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Labor
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5627" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of State
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5740" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of the Treasury
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5751" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Transportation
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/4588" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Veterans Affairs
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5741" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Equal Employment Opportunity Commission
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5705" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Environmental Protection Agency
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5706" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Federal Communications Commission
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5707" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: General Services Administration
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5708" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: National Aeronautics and Space Administration
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5710" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Office of Personnel Management
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5711" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Small Business Administration
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5712" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Social Security Administration
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/5713" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of State [Sample]
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/hotIdeas/campaign/16428" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>

The Recent Ideas Widget can be embedded on a blog or website sidebar and allows visitors to see a list of recent Ideas in your community, and submit a new idea. Copy and paste the code below to add this widget to your website or blog

<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Corporation for National and Community Service
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5746" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Agriculture
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5743" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Commerce
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5745" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Defense
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5744" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Education
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/4589" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Energy
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5747" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Health and Human Services
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5752" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Homeland Security
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5742" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Housing and Urban Development
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5709" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of the Interior
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5703" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Justice
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5704" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Labor
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5627" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of State
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5740" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of the Treasury
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5751" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Transportation
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/4588" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of Veterans Affairs
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5741" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Equal Employment Opportunity Commission
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5705" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Environmental Protection Agency
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5706" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Federal Communications Commission
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5707" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: General Services Administration
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5708" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: National Aeronautics and Space Administration
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5710" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Office of Personnel Management
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5711" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Small Business Administration
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5712" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Social Security Administration
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/5713" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>
Campaign: Department of State [Sample]
<iframe allowTransparency="true" src="http://aapi.ideascale.com/a/widget/recentIdeas/campaign/16428" frameborder="0" scrolling="auto" style="width: 100%; height: 260px;"></iframe>

Recent, popular and ideas posted by member. (Suitable for embedding on a member's profile page.)

Insert the following code at <head> of html page where the widget will be embedded.

<script src="http://aapi.ideascale.com/a/widget/member"></script>

It is required to call a javascript function to generate the widget content. The widget is assumed to be inserted in a <div> element. The ID attribute and preferred width and height of widget along with members email should be passed to the javascript function. Here is an example:

ideascaleMemberWidget(memberEmail, containerId, width, height)

Note: The javascript function can be placed at footer of document or can be called upon page load.