web counter
RapidWeaver Stacks, PlugIns, Themes ...
My Image

All the latest RapidWeaver Stacks reviewed,
plus the most important community news …

Stay up to date with current RapidWeaver developments

Fix for RapidWeaver

Just yesterday, I reviewed a stack from the ever-growing selection of menu stacks. Today yet another of these navigation helpers flattered into my mailbox. 1LD's Fix is yet another interesting addition to this genre.

Fix allows you to add menus to your page sections. Fix menus are sticky, animated menus. This means that if you configure your menu to be 600px wide, when it reaches the top of the page, Fix will scroll over the menu that may already be there and expand to full page width.
Fix displays a row of buttons. Each button contains an icon and a text. On mobile devices a menu bar with Hamburger is displayed; when clicked it expands to display the Fix content in columns. The stack currently doesn't support javascript, so lightboxes are out of the question (at the moment). I'm sure that this is an oversight.

Fix – One Little Designer
Stack settings
General

Z Index – default 100
Radius
Max Width
Breakpoint – Tablet, Mobile
Columns – Tablet, Mobile
Gutters

Fix Items
Radius
Padding – Vertical, Horizontal
Text Size – Desktop, Tablet, Mobile
Text Font – Standard !LD options
Icon Size
Icon Spacing

Mobile Header
Text Size
Icon Size
Padding – Vertical, Horizontal

Stack Colours
As always, every element is configurable

Fix – One Little Designer
And, as always, the item child stack settings allow you to override the default settings for each item.

Fix is another of those navigation stacks that will prove to be very helpful.

Please note that DISQUS operates the forum below.
When you sign in to comment, RWNinja will provide your email, first and last names to DISQUS. That information, along with your comments, will be governed by DISQUS’ privacy policy. By commenting, you are accepting the DISQUS terms of service.
Comments

Sidebar for RapidWeaver

Weavium is churning out quality stacks at an amazing rate. Their latest stack, Sidebar, is an interesting take on the ever-growing selection of menu stacks.

Sidebar – WeaviumSidebar can be set to 'fixed'; it will then add a sliding menu to the side of your page. It can also be set to 'inline' and will then add the menu to a stack. In either case, the menu can be anchored on the left or the right side.

The interesting thing about 'fixed' mode is that Sidebar displays its own stack container into which you can drop your content. The container is responsive so that when the menu slides open, it shrinks in size to allow the menu to display.

When closed, Sidebar displays a vertical stack of icons. When opened, text descriptions slide into view. Interestingly both the icons and the linked text are contained within a button so that your visitor doesn't necessarily need to open the menu to trigger a link.
Sidebar can be configured to open on hover or, when set to open on mouseclick, a hamburger icon is displayed.

Stack settings
Open On – Toggle, Hover
Type – Inline, Fixed
Fix To – Left, Right
Radius – px
Padding – Vertical, Horizontal
Content Padding – Vertical, Horizontal
Min Height – px
Expand Width – px
Toggle Icon Size
Logo Dimensions

Sidebar Items
Icon Position – Left, Right
Icon Size, Padding, Radius, Spacing – px
Text Size – px
Icon Size, BG Size, Spacing, Padding – px

Sidebar Dividers
Spacing
Text Size
Text Weight

Colours & Fonts
We've been through all this 20 times already, I'm not going to repeat myself again!

The fact that Sidebar can be fixed to the side of the screen, or assigned to its own stack container makes it more flexible than other, similar menu stacks. A very useful stack indeed.


Sidebar – Weavium

Please note that DISQUS operates the forum below.
When you sign in to comment, RWNinja will provide your email, first and last names to DISQUS. That information, along with your comments, will be governed by DISQUS’ privacy policy. By commenting, you are accepting the DISQUS terms of service.
Comments

Category for RapidWeaver

One of Weavium's specialities, is the presentation of large amounts of information in confined spaces; expanding content commonly known as accordions – a word that Weavium tries to avoid.

Accordions are useful additions to any page that has a lot to say, but they have their limitations – there are only so many buttons that you can fit into a row of tabs. Category, the latest Weavium product, does away with those limitations.

Category neatly hides your content behind a sliding row of buttons or tabs. Slide until you find the button you want. Click the button to open an info panel. And as usual, each aspect of the stack is configurable.

Category – Weavium

Category – Weavium


Stack settings
Breakpoints
Max Width
Radius
Button Width
Button Radius
Arrow size

Category Items
Columns – [Number of columns on] Desktop, Tablet, Mobile
Padding – Vertical, Horizontal
Spacing – Vertical, Horizontal
Radius
Text Size
Icon Size
Icon Spacing
Content Width
Content Padding – Vertical, Horizontal

Colours & Fonts — The typical Weavium collection of settings that would fill half the page…

Category is yet another sleek Weavium stack that will save you hours of tinkering with combinations of different of stacks, it helps you quickly display masses of information in an elegant fashion.

Please note that DISQUS operates the forum below.
When you sign in to comment, RWNinja will provide your email, first and last names to DISQUS. That information, along with your comments, will be governed by DISQUS’ privacy policy. By commenting, you are accepting the DISQUS terms of service.
Comments

Step by Step for RapidWeaver

Guide your users, one step at a time. Step from 1LD allows you to create step-by-step sections that lead users to a solution for their problems. Want to show your visitors how to fix their bike? Do you need to explain how to download and install your software? Step is the ideal solution.

Step displays two panels, the left panel shows a menu; the main panel contains the numbered steps/instructions for your visitor to arrive at a solution. The Menu panel displays the steps necessary and gives an idea of how many steps remain to be completed. When your visitor has digested the first step, she/he can either click the 'Next' button, or click the next step in the menu.
A clipboard Symbol slides the menu panel out of sight when it's not needed. And Step is, of course, fully responsive – when viewed on a mobile device, the menu is hidden by default and simply activated by clicking the clipboard.

Step – One Little Designer
Once Step has been added to a Stacks page, you can get straight to work, the procedure is simple. Add a Title to your first step – it is automatically added to the menu panel. In the stack container, add the stacks that you need for your description and add your content. Just about any stack is acceptable, including contact forms.
Once you have the first Step completed, you can add further Step child stacks and then set about formatting the display.

Stack settings
General
Maximum Width – Sets the maximum width of the entire stack
Minimum Height – Set minimum height
Radius –Corner radius
Mobile Point – Breakpoint. Note: the sidebar hides and is be toggled by clicking the clipboard icon.

Sidebar
Sidebar Width – Sidebar width for desktop devices
Text Size – Font-size for the list item within the sidebar
Text Padding – Padding around the sidebar text
Sidebar Font –
Text colour – Initial & Active
Background – Colour, Double Gradient, Triple Gradient, Image
Steps
Padding – Padding around the inner step content.
Step Count – Text & Number – size
Count Text – Edit text content of the “STEP”
Title Size
Text Size – Default font-size for stack container
Nav Btn Padding – Padding of the “BACK” & “NEXT” buttons
Nav Btn Radius
Nav Btn Size – Font-size
Nav Btn Text – Text content of the navigation buttons
Nav Complete Text – Text for final step
Title, Text, Count FONTS
Count colours – Text & Number
Toggle colours – Initial & Active
Main Title – Colour
Content colours – Headers, Text, Links
Nav Btns – Text, Background
Nav background – Colour, Double Gradient, Triple Gradient, Image
Completed Step
Completed Icon – Size
Complete Title – Font-size
Complete Description – Font-size

Restart Icon & Button Sizes – Icon size, width, height
Icon colour – Colour of the checkmark icon.
Title & Description colours
Restart Button – Icon & Background
Background – Colour, Double Gradient, Triple Gradient, Image

The possibilities of Step are only restricted by your imagination. I can think of a couple of web designers that will immediately find a use for the stack.

Please note that DISQUS operates the forum below.
When you sign in to comment, RWNinja will provide your email, first and last names to DISQUS. That information, along with your comments, will be governed by DISQUS’ privacy policy. By commenting, you are accepting the DISQUS terms of service.
Comments

Open Street Maps in RapidWeaver

With GDPR hanging over our heads like the Sword of Damocles, many Weavers are looking for a way to escape the grasp of that rapacious corporate giant, Google. One place to begin is with online maps. Although Google Maps are free of charge, there is a certain cost associated with using the mapping services. The cost of privacy and loss of control over what we see on the map. In the end, Google is an advertising company and it uses our IP address, geographic search results and location information for marketing purposes. It also chooses which data are relevant to you rather than displaying on the map what is actually around you.

As an alternative to Google Maps, there is Open Street Map [OSM].
More and more major organizations are choosing OSM for their maps. In February 2012, Foursquare switched to the OpenStreetMap powered Mapbox platform. In March 2013, Wikipedia started using OSM as well. Craigslist uses it for apartment searches and even Apple has used OSM data in its maps… Other popular platforms using OSM powered maps are Github, Pinterest, Roadtrippers and Strava, to name but a few.

I spent the past week looking for ways to implement OSM into RapidWeaver and then, just this morning, Instacks' OpenStreetMap stack flattered into my mailbox. I felt quite sure that there was once an OpenStreetMap stack, but it seems to have disappeared. But the Instacks' stack takes OSM to the next level…

OpenStreetMap arrives with links to 28 map-tile-servers [MTS], plus 'Custom/Mapbox' and Mapbox was just the service that I'd been assessing. You can add up to ten unique makers to a map and each marker may be linked to a URL, making store location a breeze.
What are 'map-tile-servers'? I hear you ask.
MTS are providers that offer overlay options for OSM. The overlays contain different options such as geological structure, place-names in different languages, points of interest, etc.

Two of the included MTS, Thunderforrest and Mapbox, require either an API, or an account. Both are absolutely painless and free of charge. The map below uses a tile overlay from Mapbox that, alongside street names and places of interest, also displays geographical date such as elevation lines.


OSM - Instacks

Stack settings
Tile Server – 28 options plus Custom/Mapbox
Optional API Key
GPS Coordinates
Zoom – default 15
Height – Lg . Desk, Desk, Tablet, Phone
Marker 1 [through 10]
[GPS] Position, Marker Text, Marker Link, Marker Colour (choice of 8 colours – custom image sadly missing)

Do you wish to gradually free yourself from the fangs of the ravenous giant mentioned above? Then OpenStreetMap is a good place to start! The default maps (German server) are great, but there are also many, many options to choose from for the map display.

I, for one, shall be switching to OpenStreetMap on my next site!

Please note that DISQUS operates the forum below.
When you sign in to comment, RWNinja will provide your email, first and last names to DISQUS. That information, along with your comments, will be governed by DISQUS’ privacy policy. By commenting, you are accepting the DISQUS terms of service.
Comments

Show more posts

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

Subscribe to Ninja News
or ask a question

Hi, I’m the Ninja Bot. What’s your name?
image/svg+xml
Nice to meet you, [1-1]. Could you tell me your mail address?
image/svg+xml
[1-1], would you like to subscribe to the monthly Ninja Newsletter?

Yes, I would like to receive your monthly newsletter.

No thanks, I’m good for now. I have a different issue.

image/svg+xml
Thanks for your support, [1-1]. Is there anything else I can do for you?
image/svg+xml

[1-1], thanks for subscribing.
By clicking 'Submit', you are giving your consent to having rjh-webdesign collect your name and email.
These details are used exclusively for the newsletter and will not be passed on to third parties!

As soon as I've added you to the mailing list, you'll receive a mail asking you to confirm your subscription.

If you made a further request, I’ll get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I would like to subscribe to the Ninja Newsletter

Message

[4]
I’m sorry to hear that, [1-1]. How may I help you then today?
image/svg+xml

[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I don’t want to subscribe to the Ninja Newsletter right now.

Message

[6]

Thanks again for contacting us. Your request was successfully submitted.

  • Stacks Image 76789
  • Stacks Image 76774
  • Stacks Image 76776
  • Stacks Image 76783
  • Stacks Image 76791
  • Stacks Image 76787

Looking for Inspiration?

Looking for Inspiration for a new site, or need a CTA
really quickly?

The Latest & Greatest

Panels for RapidWeaver
Panels is Weavium's latest contribution to the Stacks scene. Full page animated panels that expand, ...
Album for RapidWeaver
Weavium builds stacks that are highly configurable. Album is one of those stacks. The Album settings ...
1LD Mega Menu for RapidWeaver
Over the last twelve months, One Little Designer has produced a number of menu stacks for ...
  • Do you have a question regarding RapidWeaver?

  • Would you like help with your new project?

  • Would you like us to build your new RapidWeaver website?

Contact Information

rjh logo

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—17

Powered by rjh-design

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

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.

View previous campaigns.

By clicking 'Submit', you are agreeing to receive emails from Ninja News

Our newsletter is distributed via MailChimp, who is also responsible for maintaining our mailing list. You can read their privacy policy here.

Subscribe to the Ninja Newsletter

* indicates required

Subscribe to the Ninja Newsletter

You've reached the bottom of the page, thanks for reading.

If you enjoyed what you read, you can subscribe to the Ninja Newsletter and receive a review summary once a month.

Thanks for your subscription

We shall send you a summary of the Ninja News reviews once a month.
We do not send out any other mails and we shall not, under any circumstances, share your email address with third parties.