Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

50/50 An Innovative Slider For RapidWeaver

Sliders. There are dozens of them available as RW stacks. A slider can be an image slider, it can be a stack slider, it can be a combination of both; so who would have thought that a developer could come up with something new? Well, 1LD certainly has. 50/50 Slider.

50/50 Slider displays a title, a caption text, a button and an image – now you're thinking "Yeah, so do many other sliders!", but this is where the name 50/50 comes into play; one half of the stack displays your text content, the other half displays your image. When you click the stack's navigation button, the text content slides from left to right to reveal the next content – 50/50.

50/50 Slider will fill any container that you drop it into and by adjusting its max width and min height, it can easily fill your screen. On mobile 50/50 transforms to display your image above the text content.

50/50 Slider – 1LD
As we have recently become accustomed to with 1LD stacks: the settings panel reveals a plethora of configuration options, making 50/50 Slider completely customisable. So here's a condensed version of the…

Stack settings
General – Max Width, Min Height, Mobile Point, Radius, Content Align
Slides – Hide Titles, Hide Text, Hide Buttons, Title Font, Text Font, Padding, Title Size, Title Spacing, Text Size, Text Spacing, Button Configuration, Mobile Height for Image
Slide Navigation Configuration
Slide Colours

Slider Item
Image Container
Action Link
Custom Slide Colours


The main stack settings are for the global appearance of the slider, however, each slide child may be customised individually.

1LD has once again produced an innovative stack that is both modern and timeless. This is an effective slider that is simple to configure and will find great popularity.
The only thing that I could wish for is an option to swap the image/text positions…

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

Scrollers and Quizzes for RapidWeaver

A new developer has quietly slipped into the RapidWeaver fold with the introduction of two interesting stacks. Stuart Marshall. You may have noticed his name on the forums. He's chosen to name his site 'Shaking the Habitual'. Stuart's first stack – Scroller – is as simple as it is effective.

Scroller is a free stack that provides a fully customisable scroll/progress bar that increases in width (from 0% to 100% of the screen width) as the user moves from the top of the web page to the bottom. It can be pinned to the top or bottom of the page.
In addition, there is the option to add content to the stack. Anything added to Scroller's container will appear above the scroll line. It will work with most navigation bars but it could also be used for text (e.g. page title) or a logo etc.

Once you've added Scroller to your Stack's page, there are just five settings – Place at top [of page]? is activated by default. There are options for two colours for the Progress bar – the bar itself and the background colour. After setting the colours, you can adjust the Height of the bar and the z-index (default 1), finally you can activate Add Content if you wish to add something immediately above Scroller.

Scroller – Shaking the Habitual
Quizzer is a completely different kettle of fish. It fills a need that Stuart was never find a suitable solution to...
… creating an interactive quiz within RW.
After trying to tweak existing form stacks and various online quiz generators but not being able to add the functionality/formatting/ownership of the content that he wanted, Stuart decided to develop his own solution.

Quizzer is a stack that you link to a JSON file (examples are included with download). It is the JSON file that contains the quiz content (questions, answers and feedback). The Quizzer stack then lets you determine the functionality for the actual quiz. This could be randomising questions and answers, showing feedback per question, displaying a score, displaying a ranking etc. There are also numerous configurable options to allow the user to control the formatting of the quiz (header sizes, colour of the buttons, colours of the correct/incorrect feedback etc).

Additionally, using a little html code within the JSON file brings a whole range of options for the user as they can use this to format their text (bold, italics) and add images, videos and links etc.

Some might find the JSON configuration a little tricky, but if you begin by editing an existing quizz, the whole process is much easier than it looks. An extensive pdf guide is also included with the download.

Stuart already began work on an update that will include more formatting options (e.g. removing indent of answers/feedback) and also for functionality (e.g. getting the quiz to show X number of random questions from the full question bank).

Quizzer - Shaking the Habitual
NOTE: Quizzer may not function in preview when the JSON file is online. To preview, you can add the file to the Resources folder.

Like some other developers, Stuart began developing stacks because he couldn't find a stack that did what he wanted. Scroller is a useful addition that many will like, whilst Quizzer is a stack that can add some fun to any site. Keep up the good work Stuart!

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

Headliner for Rapidweaver

A Headline is a text that indicates the nature of the content that follows it. Headlines and accompanying images are attention grabbers that often determine whether a content is read or not.

Headliner, Weavium's latest stack, is a news slider. It displays a headline and an image, then slides to present the next headline. When the headline is clicked, the news content opens to display in full-page view with controls to navigate to the next article.

By default Headliner is set to a max width of 600px, meaning that it will scale to fit any container up to this width. But if you need an eye-catching news slider, it also looks good at full-page width and then transforms to look just as good 9or even better) on mobile.
The Item Child will accept any sort of stack that you care to throw at it. The items are configured from the main settings panel, but each can be completely customised via the child settings.

Headliner – Weavium

Headliner – Weavium

Stack settings
Rotate Automatically (Autoplay)
Rotation Speed – Default 4000ms
Rotat Direction – Horizontal, Vertical
Z-Index
Max Width
Slider Mobile – Breakpoint
Article Mobile – Breakpoint for child stacks

Headlines
Radius
Padding – Vertical, Horizontal
Headline Shadow – x, y, Blur, Spread
Shadow Colour
Headline Size – Desk, Mobile
Title Text
Title Size
Toggle Text
Toggle [Font] Size
Toggle Radius
Toggle Padding – Vertical, Horizontal
Image Size
Image Radius
Image Offset
Image Shadow
Shadow Colour

Headlines > Full Page View
Header Height – Minimum px
Content Width – Minimum px
Content Padding – Vertical, Horizontal
Close Icon Size
Headline Size – Desk, Mobile
Image Size – Desk, Mobile

Colours & Fonts
Extensive settings for complete customisation analog to all Weavium stacks.

Item Stack – As already mentioned, each child stack can be customised to override the main stack's settings.

Headliner is another versatile stack from Weavium that I can envisage being used for products and portfolios, FAQs and, of course, news articles. It is one of those stacks that is sure to grab your visitor's attention and ensure that your articles are read.

EDIT: Headliner has been updated to include adjustment of the spacing between the image and the headline, plus an option to set a background image.

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

Ultra Lists for RapidWeaver

Weavium – until quite recently unheard of – just released their 16th stack. Ultra Lists – possibly the most versatile list stack available.

Contact Details, Sales Widget, Itinerary List, Product List, FAQs. The long list of uses is only restricted by your imagination.
Ultra Lists displays a list in accordion form (Weavium hates that word) that each shows an image or icon, a header text, an optional description and optional tags. It can display an optional search field to search the list and an optional tag filter.
When opened, Ultra Lists can display almost anything you wish. Long descriptions with images, Buttons, Contact Forms, etc. etc…

Ultra Lists – Weavium
Ultra Lists – WeaviumStack settings
General
Max Width – px
Mobile Point – Breakpoint at which the stack condenses
Search – Placeholders for search text, Font size, Icon size, Padding

Filter
Sizes for Sort Icon, Sort Size, Toggle Size, Toggle Radius
Filter List Width and Height, List Shadow size and Shadow Colour

Items > General
No Tags, No Description
List Type – Separated, Connected
Radius, Spacing, Padding

Items > Content
Sizes for Title, Description, Icon, Icon BG, Icon Radius, Icon Alignment, Tag Text, Tag Radius, Tag Padding

Items > More Button
No Button Text – Switches to toggle icon when activated
Text – Button text
Font Size, Button Size, Button Radius, Button Padding

Stack Colours and Fonts
Font selection for Title, Description, Details and Search – 17 web font options for each, plus Google fonts
Colour options for all of the above.

Once again, the configuration options are seemingly endless and you'll need a while to identify each setting, but once you've configured your first Item child, you can duplicate it as often as needed.
The child stack settings gives you the option of adding an image or an icon (four optional icon fonts plus custom) and this is also where you add your Title, Tags and short Description.

Ultra Lists is another of those neat Weavium stacks that many are going to love.

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

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.