RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Articles for RapidWeaver

After making a brief appearance on the 1LD site before it was quite finished, Jeremy & Co have just released Article.
An 'article' may refer to a news article discussing general interest e.g. a specific topic, club newsletters, or technology news. If you need to publish articles that don't necessarily have to appear in a blog post, The new Article stack may be just what you are looking for.
In other usage, an 'article' may refer to an item, e.g. an item that is for sale. The new Article stack is also ideal for product catalogues or portfolios.

Article, when dropped into a Stacks page, displays a black rectangle with a black title, a grey icon and grey text. And whilst black may be the new white, thankfully everything about Article can be fully customised.
Article displays an image, a summary text and, if you wish, author and publishing date. When previewed, you can click an article, it opens up full page to display its contents – which may be any stack combination you please. The author and publishing date may also be replaced with any text you see fit. A feature that I really like is the Child Stack which adds new articles to form a list separated by thin dividing lines.
Once again, 1LDs settings are so extensive that I'll only be showing you a summary of the stack's settings.

Article – One Little Designer
Article in its initial state.
Article – ๅศฏTwo opened articles

Stack settings
Collapse Content in Edit Mode – Very useful
Truncate Description Text
Max Width
Mobile [Break] Point
List Padding
List Radius
An extensive list of formatting options for the Initial description
Article > Opened
An extensive list of formatting options for the article
Colour options for each of Article's elements.

Article is yet another versatile 1LD stack in contemporary design that many Weavers will find useful.


Showcase for RapidWeaver

A few years ago, I decided to add a portfolio slideshow to my homepage – a MacBook Pro with sliding images. I literally spent hours layering Image stacks and sliders until I had the result that I wanted. The main problem, of course, was that I wanted the portfolio to be responsive. A couple of months later, I got the feeling that a developer had taken a look at my page because suddenly a stack became available that was almost identical to my slideshow. The stack was quickly followed by an iMac version.

At the end of December RWExtras released Showcase Ultra, a stack that takes the idea to the next level and adds a versatile slideshow to a choice of (if I counted correctly) fifty-two (52) different background images ranging from popular devices to office background settings. And I'm not just referring to the versatility of the backdrop images – there is a choice of nine different transition effects. The aforementioned stacks (which shall remain nameless) offered just a simple fade transition.

So how does it work? Drag Showcase Ultra onto a Stacks page, add child stacks with your local, or warehoused images, choose a backdrop and publish!
If you're not happy with the provided backdrops, you can add your own (warehoused) frame. You then get optional settings for the size and positioning.

Showcase Ultra – RWExtras

Stack settings
Hide Images In Edit Mode
Transition Effect – Nine ttransitions
Slide Order – Normal, Random, Reverse
Interval – set in ms
Transition Speed – in ms
Tile Count – Number of tiles, if 'tiles' has been set as transition
Frame – Choose from 52 backdrops
Image Scale – Scale your images to fit the backdrop
Maximun Width – Width of the backdrop
Float Alignment – Left, Centre, Right

Showcase Ultra is a cool stack that takes the graft (hard work – for those of you across the pond) out of presenting a responsive portfolio within a homogenous background.


Explicit content in RapidWeaver

Warning: This post contains explicit content that is unsuitable for minors

Please confirm that you are over 18 years of age


You have chosen not to view this post, but I'm going to show it to you anyway!

Displaying content promoting alcohol, or tobacco to minors is prohibited in many countries. Sexually explicit content, or disturbing content is also [or should be] restricted, Certain content such as flashing lights, rapidly changing images, or even flashing links, can invoke epileptic seizures.
You should be able to warn your visitors that what they are about to view on your web page may be harmful in some way.

Explicit, from Doobox was released just a week ago and helps you warn your visitors that your content may not be appropriate for all viewers.

Explicit's setup is simple. Drop the stack onto your page, add the warning text of your choice. Drop in a stack that helps explain the warning with text and/or images and publish.
When your page is loaded, it will display a modal with a warning, your description and two buttons which will allow you to confirm that you wish to view the page's content, or to decline.

If you confirm, the hidden page will be displayed. If you decline, a message of your choice will be displayed. After a few seconds the page will then refresh to display the initial warning.

Explicit – Doobox

Stack settings
Modal – Background Colour, Popup Colour
Title – Text Colour, Background Colour
Accept – Icon Colour, Background Colour
Decline – Icon Colour, Background Colour
Never Show in RapidWeaver – Hide in preview mode
Decline Title
Decline Message.

There are two things to observe when using Explicit:
1 – I found that (at least on slow internet connections) the page content is momentarily displayed before the message appears, so it might be a good idea to position your explicit content below the fold.
2 – There is obviously no way of confirming that your visitor is, of course, actually of age, so those fourteen-year-olds are going to click 'yes, I want to see the naked ladies' and then discover that naked ladies aren't necessarily as attractive as they thought they might be,

Explicit is a simple stack that will warn visitors that the following content may not be suitable for them. It is not intended to confirm that a visitor is actually entitled to view the content.


Expanding Content in RapidWeaver

There are numerous ways of adding extensive content to RapidWeaver without disrupting a page's design. One Little Designer recently added Expanse to their lineup; a clean and efficient solution to the age-old problem.

Expanse is an animated lightbox stack that appears on your page as an info card. What said card looks like is entirely up to you.

If you drag an Expanse stack onto your page, the initial settings display containers for an image, a headline, a subhead and a Stacks container. Both the default width and height are set to 320px. Once you have dragged in an image and added your content, you can check the preview. It will display your image with a plus button which, when clicked, expands the card to fill your page.
Adjusting Expand's initial height will allow more, or less of your content to be displayed below the image – the Header and subheader, for instance, or the first few lines of text.
If we explore further, we find that there are three different card types: Template | Icon Button (default), Custom | Hover & Click and Custom | Button. The two custom cards allow you to create unique layouts for the cards.

Both Custom versions of Expanse have a Stacks container for your content, into which you may add as many stacks as you wish. The difference between the two, is that Custom | Hover & Click displays an overlay with a text – "Click To Open" for instance – when hovered, whilst Custom | Button has a button to open the lightbox.

1LD Expanse
Stack settings

The first settings are Animation [type] and Speed. There is a choice of eleven different animations for the lightbox display.
Card Layout
Card Type – As mentioned above
Card Width, Card Height, Margin T/B
Card Styles
Header Image – Drag & Drop
Card Colours – Background, Title, Subtitle, Text
Button Colours – Background, Icon, Close Background, Icon
Button Icons – Four different button options
Inherit Link Colours (active by default)
Border Radius
Title Font – (default: Inherit)
Text Font – (default: Inherit)
Truncate Type – Ellipses, Gradient Fade, Clip

Expanded Layout (Lightbox settings)
Content Width
Padding T/B
Padding L/R

Expanse is very quickly and very easily set up and can display both your condensed and your expanded content just as you wish. There are a couple of sites that I'd have designed differently, had this stack been available earlier.
The demo page is well worth a look at.


Fancy Introduction To RapidWeaver

Just a few days ago, I mentioned that the one time Tsooj Media stack, FancyIntro would soon be reclothed as a Stacks4Stacks product. Well, two days ago it flattered into my mailbox.
Of course, I immediately took out my magnifying glass and inspected it! During my inspection FancyIntro was updated, so this review took a little longer than expected.

Now if you were expecting FancyIntro to be a larger, more luxurious version of Curtains (think VW Passat/Phaeton), think again. FancyIntro is an entirely different stack. More of a Mercedes AMG.

Curtains can display a line of text and opens it's curtains horizontally. FancyIntro can display two lines of text, or two images – or one image plus a single line of text (or stacks content), and opens vertically. However, if you're expecting FancyIntro to open two curtains and reveal the underlying content, you'll be disappointed. Instead, a line travels across the page from left to right, dividing the upper and lower section, then expands vertically to create a coloured page overlay. The page overlay then fades out to reveal the underlying webpage.

Having just taken Curtains through its paces and expecting similar results, it took me a couple of minutes to work out exactly how FancyIntro works. However, once you've put away the curtain concept, FancyIntro is very easy to use.

The default setting displays a white to grey gradient and two lines of text. A mauve coloured line then travels across the page, expands to fill the page and then fades to reveal the content.
Both the initial background and the line have colour settings for top and bottom, so that the line can expand to a gradient too. Obviously, the gradients don't need to be so blatant as below.

I soon tried dragging two 'halved' images into both the upper and lower content wells. In the latest version of FancyIntro this is possible (the 1.0 version duplicated the upper image). Of course, with an image in both sections, no accompanying text is possible. If images are to be present in both upper and lower containers, it is recommended that they are kept as small as possible. In fact an image size of max 150px is recommended by S4S.
SVG images can be loaded as warehoused images, but be warned – if you have stripped out the pixel sizes, they will scale to fill the screen width.

Stack settings

General Settings
Overlay Fill Top/Bottom. Whilst the colour palette displays transparency settings, they are ignored by FancyIntro.
Line Fill Top/Bottom
Breakpoint. FancyIntro is hidden below the breakpoint.
Line Height. Set the height of the dividing line in %.
Start Delay
Line Slide Speed
Line Grow Speed
Fade Speed. All of the speed settings are in ms and would seem to be unlimited. Hence, with inappropriate settings, you could sit all day, waiting for the dividing line to travel across the page.
Challenge Mode. The same as Asynchronous Mode in Curtains.
Hide period. Sets a hide cookie for Days (default), or Hours.

Upper Content. Styled Content (default), Dropped Image, HTML, Markdown, None, Stacks, Warehoused Image.
Offset. In %
Text Colours. Text / Shadow
Text Sizing / Spacing
Text Alignment
Text Styling

Lower Content analogue to above.

FancyIntro is less gimmicky than Curtains and is ideal for splash screens that make way for an underlying web page. Announcements such as special offers, upcoming events, or just an attractive 'welcome' message.


Show more posts

  • 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.


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.


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.