Clicky

Section X for RapidWeaver
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Section X for RapidWeaver

If you're looking for an alternative to tabbed stacks and accordions to present all that information that the client supplied, you'll be in a quandary as to which solution to choose. And your plight just got worse; as if to make the choice even more difficult than it already is, Weavium just released Section X.

Section X is a slider that displays info panels with a row of icons (or images) to navigate through them. Contact details, portfolio, product catalogue; drop in the stacks of your choice and build whatever you need.

Section X – Weavium
In its default setting, Section X displays four columns of icons below a Stacks panel into which you can drop just about any stack you wish. The icons can be replaced with warehoused images or images from the repository. If you choose to add images, you'll need to ensure that they are all the same size. If not, then the columns won't align vertically (see the screenshot above). The info panel content, on the other hand can be of varying length, Section X adjusts its height to fit.
You can decide how many columns of icons are displayed at a time. (Weavium often allows astronomical values; even 1000 columns is accepted in the settings panel.) If you have more panels of information than visible columns, navigation arrows appear to slide in the next n columns. E.G. in the example above, I have left the default of four columns, but have eight info panels. The nav buttons visible below the Jaguar icon will slide in the next four columns of icons.

Stack settings
Section

Min Height – D, T, M - px
Padding – Vertical, Horizontal
Radius
Max Width – px
Content Width – px
Breakpoint – Tablet, Mobile

Nav
Nav Position – Bottom, Top
Columns – D, T, M
Gutter – D, T, M
Item Height – D, T, M
Item Radius – D, T, M
Inactive Opacity
Item Icon – D, T, M - px
Item Title – D, T, M
Title Spacing
Arrows – Width, Height
Arrow Icon – px
Arrow Radius
Arrow Spacing

Colours and Fonts

Section X. A nice solution to an age old problem (that of adding masses of information to a page) and will save you hours of messing around with other stack combinations to achieve a result that is only similar!

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