Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

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

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

Circle Menu for RapidWeaver

One Little Designer has added a new menu stack to its growing assortment of menus. Circle Menu may be displayed anywhere on your stacks page and will display up to eight links arranged in a circle – or a square.

circle menu – 1LDCircle Menu can be configured to be open or closed when your page loads. If it is closed, it shows up as a circular button (default) with a hamburger icon. When clicked the circle (or square) expands to display up to eight further buttons with icons that are linked to URLs of your choice. The buttons are added as child stacks and each child is configured individually.
The buttons have a shadow when hovered and a tooltip appears to display the URLs target. Clicking at the centre of the menu will minimise it.

As we have come to expect from 1LD in the meantime, configuration possibilities are almost endless. For starters, the eight buttons can be positioned completely within the circle (square) or positioned around its perimeter.

circle menu –1LD
Stack settings
General

Open on Start - Active by default
Offset Items – Move the items to the menu perimeter (as above)
# of Items – Up to eight menu items
Menu Type – Circular (default), Square
Font Family – 13 Web fonts, plus Custom

Toggle
Toggle size and options for Colour, Shadow etc.

Menu
Menu size and options for Size, Padding and Colour

Menu Items
Round Items – Active by default
Button Size
Icon Size
Label Size
Radius
Hover Border
Colours

Child Stacks
General
Link
Icon Font – Three options
Icon
Use Custom Image Icon
Custom Colours

Circle Menu is a compact menu that may be positioned anywhere on your page. Multiple menus can be added to the page making submenus for page sections easily possible. One can only wonder how many more menu stacks 1LD will offer us!

Comments

Ascend – Page Anchors for RapidWeaver

'Don't just scroll… Ascend' is the newest shibboleth from Weavium. However 'Ascend', the name of Weavium's latest stack, just doesn't do the stack justice. I would have chosen 'Traverse', or 'Locomote'. Ascend means to move up, which is not what Ascend does – it moves anywhere!

In the last twelve months a couple of anchor stacks were released to assist with in-page navigation; some more, some less complicated. Ascend is one of the less complicated, but more useful solutions. Not only does it automatically add page anchors to transport you to the top or bottom of the page, it can also add a sub menu that can whisk you away to any section within your page.

Ascend – WeaviumAscend is a set of two stacks: Ascend and Ascend Marker. Add Ascend to your Stacks page and in preview mode, you will discover a button at the bottom right of your page which, when clicked, will open a menu. The menu options are Top and Item. Now it's time to add a Marker stack to your page. The Marker will need an ID, so let's go to the Marker stack settings and add an ID, let's say Article-1. Now go to the Ascend stack on your page and activate the default child stack. Add the same ID to the child stack and choose a suitable icon, change the text within the child stack to Article 1 and enter preview mode.
The Ascend button has now changed to reflect your new Icon and text and when the menu option is clicked, your page will scroll to display Article 1. The scroll action is a smooth scroll and not just a jump as with a standard anchor, however, I would like to see a scroll time added as an option to make the transition even smoother.

There are a few other things that are unique to Ascend. The button may be positioned at either the top or the bottom of the page and you have a choice of left, centre, or right and the menu that is displayed can either be a list, or a grid – especially useful if you have multiple anchors. The Icon for each anchor may, of course, be set individually. And, as we have come to expect from Weavium, each aspect of the menu is customisable.

Stack settings
Ascend General
Display – Always, On scroll to, Between Markers, AT bottom of page
Open Menu – On Click, On Hover
Z-Index – Default 1000
Toggle
Vertical Position – Bottom, Top
Horizontal Position – Right, Centre, Left
Size – Button, Icon
Offset – Vertical, Horizontal
Padding – Button padding
Radius
Initial Opacity – % – 0–1
Menu
Width – px
Padding – Vertical, Horizontal
Radius – px
Hide Header
Header Text
Header Size
Header Padding
Inline Close Button
Hide default Top Item
Allow Scroll (for long menus)
Menu Items
List Type – List, Grid
Item Size – Text, Icon
Padding – Vertical, Horizontal
Header Font – 13 fonts plus Google font
Item Font – As above
Colours for each and every item, including the shadow.

The Ascend Child Stack has settings for your ID and for four Icon Sets plus Custom.

Ascend is a new take on the 'Scroll To…' button and well worth taking a look at.

Comments

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.

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.