Clicky

Info Dropdown for RapidWeaver
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Info Dropdown for RapidWeaver

When I first read the description of the new View More stack from Weavium, I was expecting yet another extensible paragraph stack. It turns out that View More is much more than that, it's an info box that expands when clicked to divulge more information.

Packing tons of information into a webpage has always presented a problem. How do you pack reams of text and/or images into a page, yet retain an attractive design? Well, maybe Weavium can help you…
View More is a stack that presents your visitors with a compact teaser and expands when clicked. View More is as highly customisable as we have come to expect in the short time that Weavium stacks have been available and can be configured either to subtly match any other elements on your page. or to jump out at your visitor, begging to be clicked.

In its base form, View More displays a rectangular box (the colour settings are entirely up to you) which, when opened can contain the Encyclopaedia Britannica, if you so wish.

View More – Weavium

At the foot of the opened View More stack, your visitor will discover two buttons – Close and Proceed. Obviously, the button text may be reconfigured to suit your purpose but, interestingly, the Proceed button can be set to either a link, or a JavaScript.

View More – Weavium
The initial View More state is a rectangular box containing an icon, or an image, a title, a teaser text and a button to, well, View More. When the View More button is clicked, the original content shifts around to take up less space on your page and a drawer opes to display further content. The Proceed button (which may be hidden) could then open a new page or trigger a JavaScript to…
… Well, that's entirely up to you!

Stack settings
General
Max Width – px
[Corner] Radius – px
Breakpoints – Tablet, Mobile

Header – Extensive settings for the header formatting, including a choice of sixteen web fonts + Custom Google Font and four different icon sets – Font Awesome, Iconic, Linear Icons, Material Icons + Custom

[Header] Content
Padding
Max Width
Content Font – as above

Footer
Padding
Button Text – px
Button Padding
Button Radius
Button Spacing – Spacing between buttons
More Button Text – View More, Close
Action Button Text – Proceed

Section Colours – Extensive colour settings for every View More setting, including diagonal gradients and background images.

Action Button – Hide/Display action button
Action Type – Link, JavaScript
Displays either Link or text box for script.

View More is a nifty little stack that allows you to display reams of information within a confined space, but with the added convenience of being able to easily add a JavaScript for further functionality. View More is currently 25% off with the code view_more_initial_release.

Let's just hope that 'Linear Icons' lives longer than other icon sets have in the past, so that we don't have to reconfigure our pages next year.

blog comments powered by Disqus
  • Stacks Image 35399
  • Stacks Image 35402
  • Stacks Image 35405
  • Stacks Image 35408
  • Stacks Image 35411
  • Stacks Image 35414
  • Stacks Image 35417
  • Stacks Image 35420
  • Stacks Image 35423
  • Stacks Image 35426
  • Stacks Image 35429
  • Stacks Image 35432
  • Stacks Image 35435
  • Stacks Image 35438
  • Stacks Image 35441
  • Stacks Image 35444
  • Stacks Image 35447
  • Stacks Image 35450
  • Stacks Image 35453
  • Stacks Image 35456
  • Stacks Image 35459
  • Stacks Image 35462
  • Stacks Image 35465
  • Stacks Image 35468
  • Stacks Image 35471
  • weaverthemes
  • Stacks Image 35477
  • Stacks Image 35480
  • Stacks Image 35483

Links to the developers ® All trademarks cited on this page are the property of their respective owners.

x

Don’t miss a post!
Sign up for our monthly newsletter.

A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.

* indicates required

Contact Information

My Image

rjh web design

265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
Thailand 58130

About Us

We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.

Legal

This site uses Cookies to determine the best method of display in combination with your browser.
We do not harvest or sell personal information.
© rjh web design 2010—16

This website was built with loving care on a Mac using Foundation. For more information, contact me.