CommonSpot Widgets are the latest free download offering from PaperThin to help expedite the site build process as well as empower you with the ability to add modern components to your site’s design.

Widgets can be used as foundational elements of a new responsive site build and design or added to an existing site to enhance pages and content.

Widgets are designed to be:

  • self-contained
  • easily styled through CSS
  • easily configurable (you can enable/disable, modify or extended any property of the widget)
  • fast to deploy

Implement the Image Textblocks Widget to render featured content paired with an image in responsive rows with links to details pages. Incorporate the Icon Textblocks and use Bootstrap Glyphicons icons (or Font Awesome icons) to highlight content with a modern icon look. Add a Google Map (or Bing Map) with CommonSpot managed location Markers to your Home or Contact page. Whether you are adding “Call to Action” buttons using the Buttons Widget or areas of tabbed content using the Linkbar Tabs widget, the CommonSpot Widget gallery can help you create impact and user engagement on your site.

Import the downloaded elements into your CommonSpot 10.x or above site, follow the step-by-step installation instructions, and add the selected Widget to your page.

Our initial Widget offerings are based on the Bootstrap 3.3 responsive framework, although in most cases they can be easily adapted to the responsive framework of your choice.

Widget Directory Listing

Add a Google or Bing Map with Markers for multiple locations to your site. This Maps Widget uses a combination of two Global Custom Elements bound together by the ADF Data Manager Custom Field Type, to handle the Marker Locations. The more advanced setup can be used to create individual map records that can be configured with multiple map marker locations, and then reused on different pages throughout your site.
Add one or multiple Call to Action Buttons with an optional icon from reusable content stored in a CommonSpot Custom Element. Render them as a responsive line of horizontal buttons or a stack of vertical buttons that point to internal pages or external links.
You can choose from several styles of buttons (filled, filled with border, outlined, 3d, or skewed), choose to render with or without an icon (positioned left, right or top), and what hover effect to us (fill, darken, lighten).
Renders a fully responsive single or multi-page Hero Carousel. This widget allows you to control for each side the background image, title and subtitle text, and link/button text. You can also specify the position of title, subtitle and link/button independently.
Renders simple constructs with an icon, a number indicator, title, text and a link. This widget uses the Bootstrap Glyphicons icon set but can easily be converted to use the Font Awesome icons. The number indicator counts up from 0 to the value designated in the element record.
Renders simple constructs with icon, title, text, and a link. Offering three icon layout variations: top, right or left. This widget uses the Font Awesome icon set.
Renders simple constructs with an image, title, text, and a link which can be setup to display in various responsive column and layout configurations.
Renders a 'card' carousel displaying one or more cards with an image, title, subtitle/description and a button. The carousel can be setup to display in various responsive column and layout configurations.
Renders responsive and interactive image, title, description, and link constructs. The image and title overlay appears when first rendered, on hover the title moves up and the description and link are revealed.
Add a Google or Bing Map to your site with Markers for multiple locations using a single Custom Element data object.
A render handler for CommonSpot Page Index element and both of the CommonSpot Text Block elements that will display a portion of the full content with a link to display all of the element's content.
This widget renders a dynamically generated Bootstrap ScrollSpy as a sidebar jump menu that stays in a fix position next to the page content as the user scrolls. The ScrollSpy jump menu links are dynamically generated from the H2 and H3 html tags found in the content added to the container element.
This widget renders an off-canvas navigation menu that either slides out the content from the left or right side of your page. The sliding actions are done using CSS transforms and transitions and the display is by default responsive to all break points.
The Split Screen Carousel Widget displays an image Carousel with an option for either a full-width image carousel or a side-by-side display featuring text in one column and an image carousel in the opposite column.
Renders a set of horizontal tabs. Using a custom element or the Link Bar or Tab Bar elements, each link item renders a navigation tab and optional icon, plus a corresponding dynamically generated CommonSpot Container element that is hidden until its tab is activated.
Renders a set of vertical tabs. Using a custom element or the Link Bar or Tab Bar elements, each link item renders a navigation tab and optional icon, plus a corresponding dynamically generated CommonSpot Container element that is hidden until its tab is activated.
Renders simple constructs with an video thumbnail, title, text, and a link which can be setup to display in various responsive column and layout configurations.