Sidebar 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.
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
Icon Position – Left, Right
Icon Size, Padding, Radius, Spacing – px
Text Size – px
Icon Size, BG Size, Spacing, Padding – px
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.
Statistics come in various forms – Calories contained in food products for example. Company websites, are likely to want to display a comparison of sales volume and total revenue for specific products. An NGO might want to display donations over the last twelve months.
Whatever statistics you wish to visualise, Charter has you covered.
While a doughnut chart might be the perfect way of comparing the calories contained in apples, beef, bread, fish and noodles, a vertical bar chart can easily display sales volumes over a specific period of time.
Charter is also animated. When your chart scrolls into view, the statistics grow to display their final values.
Chart Type – Bars Vertical, Bars Horizontal, Line, Pie, Doughnut, Polar Area, Radar
Charter Data Sets (Data) – Up to five sets of data each with:
Values – Comma separated
Charter Data Sets (Styling)
Extensive colour and labelling options for each of the five data sets.
Chart Height – Mobile, Desktop
Chart Type Styles
Display Axes – x, y
Display Grid – x, y
Grid Colours – x,y
Display Ticks – x,y
Display Labels – x.y
Label Text – x, y
Position – Top, Bottom, Left Right
Label Font Size
Title Position – Top, Bottom, Left, Right
Title Font Size
You were probably thinking that, with the exception of data and chart type, there's not a lot that you can configure when displaying statistics. The list of stack settings above shows that there's a lot more customisation possible than we may have thought.
Charter is is extremely flexible and every aspect can be customised. I heartily recommend that you visit the demo page to see everything that is possible – and there's more to come:
Stuart is currently working to add CSV and Google Sheets import.
If you have statistics that need to be visualised, you can grab Charter with a 20% discount by using the code sth-ninja-charter until the end of July!
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.
Columns – [Number of columns on] Desktop, Tablet, Mobile
Padding – Vertical, Horizontal
Spacing – Vertical, Horizontal
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.
Squiggle can replace the standard Strikethrough with a scribbled line. I don't use Strikethrough very often (if you check my over 400 blogposts, you'll discover it just once), but if I did, I might be tempted to use Squiggle. Squiggle can be configured to be of any colour and, if you're in a bad mood, can be as intense as a felt-tipped-pen!
Target – Strike inside this stack, All strike on page, Strike with custom selector
Intensity – 1– straight line — 200–Irate
Set thickness – Auto, Manual
Set Colour – Auto, Manual
Don't you just love it?
You're looking for a review of a film or a book and stumble upon a page that iterates the complete plot.
Damn! Don't need to read the book any more!
If you have spoiler text on your page, you can hide it from view until the discerning reader really wants to read it with Spoiler.
Spoiler can cloak text elements by either covering them with coloured bars, or by blurring them so they are unreadable.
Apply To – Underlined text in stack, Whole content (including images), All text with a class
Effect – Blur, Cover
Change Cursor – Visible, Hidden
Tool Tip Text – When hidden, When Visible
Spoiler Text Whole Stack+Effect Cover Only
Text When Hidden
Hidden Text Colour
Custom Font Size
Style – B, I, U
Font Family – Theme default, Web safe, Custom
Set Custom Line Height
Squiggle and Spoiler are two stacks that can be used to a) Represent content that is no longer relevant or accurate and b) Hide content that you don''t want your visitor to be able to view immediately. And – you can pay what you want!
Assist adds a simple button to your Stacks' page. The button shape, size and colour is entirely up to you. When the button is clicked, An accordion with your list of options opens, displacing the page content below.
When you click one of the options, an info panel replaces the list. This all happens with subtle animations and is a great way of hiding any form of user guidance until it is needed. A real space saver!
Text Font – 13 options plus Custom
Icon Font – 3 options
Text Colour – Initial, Hover
Assist is an innovative space saver that allows you to suppress your questions and answers until the are really needed.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
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?
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.
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—16