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.
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).
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!
Currently. one of the biggest questions is how can a RapidWeaver user safely, easily and compliantly display content based on user consent?
Take for example some analytics tracking code or a Google map. How can this type of content be configured to load only if a user clicks a button and explicitly opts-in or opts-out?
At present it is almost impossible to do this without some really complicating coding. Although some solutions claim to offer a fix, a quick look in the browser console reveals a horror-show of invasive scripting and tracking cookies continuing to download in the background, irregardless of consent having being granted or not. This is simply not good enough for GDPR compliance!
Stacks4Stacks has a new solution available – CookieManager, a free stack that will quarantine portions of your page until your visitor has given her/his consent to allow cookies.
When you drop CookieManager into a Stacks page, it will initially display a container for True and False content i.e. stacks that may be displayed if the visitor has consented to cookies, or alternate stacks that are displayed if the visitor has declined. So, for instance, you could add a Google Map to the True container and an image of the map to the false container; if your 'Accept' button is clicked the interactive map will be loaded from Google Maps; if 'Decline' is clicked, your non-interactive map is displayed and no information is passed on to Google.
CookieManager's second state allows you to add buttons to modify, accept, or decline user cookies. Multiple instances of CookieManager can be used on the same page, allowing the discriminative display of varying content.
Whilst CookieManager isn't the be all and end all solution to the pending GPDR regulations, the free stack goes a long way to making your website more compliant with the new laws that affect us all and will allow many Weavers to sleep better at night.
Back To Top is the stack that you'll need if you wish to build attractive buttons to send a user back to the top of a webpage, but don't want to use Photoshop to build sprites and don't want to do any complicated programming .
A choice of customisable options lets you create a button of just about any shape, size, position and colour. And a useful 'view generated source code' setting lets you copy the generated code quickly for reuse in non-Stack pages.
Back To Top General Settings
Placement - Fixed (default) Relative,
Position – Top/Bottom/Left/Right
Offset – Page scroll before active
Back To Top Styling
Content – Font Awesome Icon
Content Colour (Normal/Hover)
Animation – Time ms
Sizing - Width/Height
Background – None, Colour Fill, Gradient Diagonal 1/2, Gradient Horizontal, Gradient Vertical (default), Gradiant Radial, Image (Dragged and Dropped), Image (Warehoused)
Top/Lower Fill – Normal/Hover
Border – Normal/Hover
The very first checkbox in the Settings panel is View Generated Source Code. When the checkbox is activated, the HTML, the CSS and the JS output for your button for your newly created button will be displayed in preview mode. A single click in any of these fields will allow you to copy the code necessary for your Back To Top button to be included within non-Stacks pages.
Without a doubt, a useful stack to have in your collection!
An eon ago, I purchased ActionHost from Tsooj Media, but found it too complicated to use. Will Woodgate has now reworked ActionHost and added more standard options to those previously available. Will also cleaned up the interface and made it simpler to use.
ActionHost is now available on the S4S website.
An example: You have an RWML page (I think I talked about RWML just recently?). By default, you can add a menu, or a stack (i.e. image) to change languages. You, however, decide that you'd like a simple text link somewhere within the opening text.
If you'd like to have a button in the menu bar that prints your page, or returns your visitor to the previous page, it's as simple as adding the corresponding text to the menu and setting an action as described above.
ActionHost has now morphed into a stack that even I can understand and find useful!
Trigger Type - Link Text, Link URL.
Trigger Condition - Equal To, Contains, Starts With.
Trigger Value - The succession of characters to look for.
15 Options - As listed above, plus options such as View PaySnap Cart, Cartloom etc.
The remaining options are variable, depending upon the action requested.
When ActionHost was originally released, it was a stack with interesting possibilities. However, it required coding skills for most actions.
ActionHost version 2 now has a much cleaner interface and includes options that will be useful to many Weavers.
Something that is especially useful, is the fact that CodeBox syncs with the cloud!
Recently my hard drive crashed and – not having an adequate backup system in place – I lost a lot of information. Because CodeBox was set to sync with my Dropbox account, however, as soon as I reinstalled the app all of my snippets were immediately available again – The necessary CSS is still in place on my server, so I can still add rollovers or this link enhancement to my blog posts without having to search online for the code again!
CodeBox has a multitude of formatting options, so no matter if your code snippets are destined for Ruby On Rails, or are simply text snippets, they will aways be formatted correctly. And once you've discovered the snippet that you're looking for, just click the 'tick' box beneath the snippet and it is copied to the clipboard for use in the next application.
If you are constantly forgetting which HTML is related to which CSS, or JS snippet, then I can highly recommend CodeBox. It doesn't cost the earth an it is extremely useful.
Oh, and the social icons below — they were also added via CodeBox and I also use CodeBox to store standard replies to various forums that I'm active on ¯\_(ツ)_/¯
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