EverWeb Widgets

Responsive Modules 4

Responsive modules for forms, signup, comments iframe, link bar to open various types of modal and two responsive tables.
Click any widget icon to see the demo …

Disqus Comments

Disqus is the most popular free commenting system. It is easy to set up on ant web page and comments can be moderated before publishing if required.
The widget just required the Disqus short name to be entered and has some styling options. Comments can be related to a specific page by entering the URL and an iD.

Expanded Contact Form

The contact form has just a name field and submit button by default. More fields are added as required using the EverWeb Widget API Assets List.
The Text field for aamessage is also optional and has a control for adjusting its height.
There is an option to add a fieldset (border) with a legend to describe the form's purpose.

iFrame

The iframe has responsive width, a maximum width setting and a fixed height. The height can be set separately for mobile phones.
The widget has options for inserting any page in the same project using the "Link to:" control or to use a relative or absolute URL to any other page or file.

MailChimp Signup Form

MailChimp is a really good service for running email campaigns and is free for smaller sites with up to 2000 subscribers. The free account is limited to 12,000 emails per month.
The widget has a heading and a paragraph to the left and the form to the right when viewed on computers and tablets. On mobile phones, the form positions itself below the text.

Sortable Overflow X Table

A responsive table with a sort feature. The table can be made to disappear to the right at narrow browser/device width by either setting the content to prevent text wrap or giving the table a minimum width. With both methods, the table has a container div whose overflow is set to scroll on the x-axis which allows the vistor to scroll horizontally to see the offscreen content.

Responsive Switch Table

This kind of table takes a little more effort to set up but is well worth the effort.
The layout can switch from table on computers to vertically aligned list blocks on narrower touch devices.

Modal Navigation

This navigation bar is for launching all the modals listed below as well as a Google map, and Vimeo and YouTube movies in popup windows.
The links are laid out inline and will return to two or more lines on mobile devices. There are controls for adjusting the font size, color, hover color, background color and its opacity, padding and minimum width.

Contact Form Modal

A contact form in a modal window.

Image Modal

The image has an alt text attribute and there are options for a caption, descriptive text and a link tab.
The link can be configured to open an internal or external page and in a new window if required.

Custom Search Modal

A Google Custom Search form in a modal window.

Signup Form Modal

A MailChimp signup form in a modal window.

Text Modal

The text modal has options for a heading, text and a CTA style link tab. The link can be configured to open an internal or external page and in a new window if required.

© EverWeb Widgets -