Clicky

RapidWeaver Stacks, PlugIns, Themes ...
My Image

All the latest RapidWeaver Stacks reviewed,
plus the most important community news …

Stay up to date with current RapidWeaver developments

Donate Freely

One Mr. William Woodgate is currently hyperactive and is publishing stacks on an almost daily basis. It's getting difficult to keep up with him. His latest product, released via Stacks4Stacks is DonateStack.

DonateStack, as the name suggests, is a (free) stack that makes donations via PayPal simple. So simple, in fact, that once you've added the stack to your project, all you need do is add your [the recipient's] email address and publish.

DonateStack

However, before you publish, you might wish to take the time and inform your visitor what he is donating to. A Headline stack, or a paragraph stack may help relieve any confusion.
In its basic form, DonateStack simply displays an amount to be donated and a Contribute button. Check the settings panel and you'll find that you can also collect a donor's information – for a thank you letter, perhaps.

Settings panel.
The first and probably most important setting is PayPal Account – the address that will receive the donation. Next is Reference – keywords that will help identify the payment.
Locale Code sets the language that visitors will see when they are passed on to the PayPal site. US, for instance, for English, or DE for German. Currency Code defines the base currency setting.

Confirmation Link will allow you to set a return address, once a donor has contributed – a Thank You page, for instance. And if you'd like to know more about your donor – activate Display Address Fields. Once activated, you will see The option Responsive Columns.

Amount Type may be set to Number Box (default), or Option Select Box. The latter will enable you to suggest various donation amounts.

DonateStack Localisation displays the address fields, which may be edited. DonateStack Styling gives styling options for all aspects of the stack with the exception of the Select Box Menu which is always white.

I work for a charitable organisation in Thailand and you may be sure that DonateStack will find its way onto the website alongside the next update.

Comments

Day Of Reckoning – RapidWeaver Calculator

Isn't it strange how two developers can release similar stacks within days of each other. Just a few days ago, it seems, I worked my way through the settings for a calculator stack. Now another one has suddenly appeared.

A quick look at the new CalcStack from Stacks4Stacks led me to believe that this was going to be a quick review. A more comprehensive examination proved me wrong.
Take it from me, the examples on the Stacks4Stacks page don't do the stack justice. Not only is CalcStack proficient with the four basic calculations, plus modulus, it integrates seamlessly with FormsPlus and can pass on its calculations to other contact forms – even the default RW form – and to other web pages for further processing.

Stack Settings
The very first option is Integrate With FormsPlus. Setting this option allows you to drop CalcStack into a FormsPlus field. It extends the FormsPlus code and becomes fully integrated. (Take a look at the demo project)
Next you'll find a choice of buttons that may be added to the CalcStack: Copy Answer, Mail-To, Reset/Reload, Submit Answer As Hash, Submit All Input As A Query (allows you to connect to an external page/site), Share To Twitter.
Extensive Style formatting options follow – too many to list here.

If you drag a CalcStack onto your Stacks page, you'll find it contains a child stack containing a one plus one calculation. You'll need to set a Calculation ID if you wish to use the results in further calculations – possibly something more recognisable than Calculation1.
Calculation Input settings start off with a choice of Input Types. The default setting is Number Box. Optionally, you can set Checkboxes, Fixed Value, Option Select Menu, Range Slider, Input or Answer From Another Calculation, or URL Query String.
Checkboxes will supply an array of checkboxes and associated labels. that provide a list of selectable items attached to a numerical value. Optional selection limits can be used to limit how many checkboxes a user can select. A selection limit of '1' gives the input a similar behaviour to radio buttons and permits only a single item to be selected from the list.
Option Select Menu provides an HTML select menu, allowing users to pick a single option. Not especially pretty (Will's own words), but extremely user-friendly and functional (especially on iOS and Android). This is a the input method to use if you need to be stringent about the values a user can choose from.
Both the Checkboxes and the Select Options are formatted with Markup.

Next – Input 1 Name, Default [value] and Steps. Steps allows you to define the incremented value displayed when the default Increase/Decrease buttons are clicked.
The Input Value can be hidden, but it will need a Operator – Add, Subtract, Divide, Multiply, or Modulus. Next follow the Input Values for the second numeral.

The Answer Settings give you the options Answer Decimals and Answer Name. The Answer may be hidden.
The Unit Settings will allow to to add both a prefix and a suffix to all three field labels – km/h, or ºC, for instance.

Once you have your first calculation, you can add a further child stack to take the calculated value and process it further. Will has provided a temperature conversion table as a simple example. E.G. Calculation1 – n minus 32 ºF; Calculation2 – Answer from Calculation1 multiplied by 5 (hidden); Calculation3 – Answer from Calculation2 plus 9 = n ºC

CalcStack

CalcStack is fully responsive, as you'd expect from a modern stack; will integrate with any theme and is a versatile calculation stack that will easily save you the costs involved with having a calculator specially programmed for your purposes.

If you need an online calculator and didn't already purchase the stack that I reviewed last week, I recommend that you check out the CalcStack demo pages (and 20 minute video) and download the demo version – Will is one of the few developers that offers demo versions of his stacks!

Comments

Automatically Add Events To Your Desktop Calendar

There is an event published on your web page that you'd like to copy to your desktop calendar, so you download the .ics file and bookmark it. But wait! Why not just click on the event button and have the date added to iCal, Outlook etc. automatically. With AddEvent from seyDesign, you can!

AddEvent is a new stack that, with the help of some very clever PHP, will automatically generate an .ics version 2 file and add it to your calendar – and your page doesn't need to be a .php page to do so, .html works just fine.

In addition to the event title and date, AddEvent also supplies a description, location and web address. In newer calendar software such as iCal, locations are automatically presented with a map pin and optional directions. Users can set a reminder and sync the event across all their devices.
AddEvent doesn't rely on any external (and expensive) services to go about its business, and it's not necessary to register every website you wish to use the stack on. Just drop the stack into a Stacks3 page, fill in the event details and publish:

AddEvent
Stack Settings.
Event Title is straightforward – add the name of your event to the stacks panel. Add Start and End Dates (including the time) and add a Location. Now you can add a short Description and – if you wish – a link to the events web page.

Add the Event File Name and, if your server isn't in the same time zone as the event, add your server's time zone so that the times can be synchronised across different countries/states.

All that's left for you to do now, is set the button text (you can also add a FontAwesome icon e.g. <i class="fa fa-calendar"></i> Add To Calendar) and, if you wish to alter the button's default appearance, add a custom Button Class.

Before you publish your event, you can check that everything will be submitted correctly by taking a look at the AddEvent stack on your page.

Note: Your server needs to be running PHP 5.6 or newer. Once you've ensured that the is the case, publishing and remembering events couldn't be simpler.


Comments

Online Calculations For RapidWeaver

If you sell a product or a service online, it's useful if your visitor can work out what he or she will need to pay before submitting an order. 1LD's new Formula stack can help your client with their calculations and simplify your order process.

Do you need to know how many tiles will be needed for that new bathroom wall? Or perhaps you want to spend the weekend at your favourite hotel in the Lake District and want to know what it will cost. With Formula you just need to add the wall's dimensions or the dates of your intended stay and the stack will do the heavy lifting for you by calculating the price and even packing the results into a contact form, ready for you to click 'Send'.

You will need to read the instruction manual before you can create your new web page. This is not criticism – once you've used it a couple of times, Formula is quite straightforward and intuitive – Formula will calculate almost anything, but you'll need to know how to proceed first!


When you drop Formula onto your new Stacks page, you will see a form with Input Field with an Import Value stack, Output and Formula. Plus a + button for child stacks. Click on the Import Value stack and check the settings panel. The Import Type can be set to Number Input (default), Checkbox, Select, Slider, or Date/Time Range. The Value is followed by an Import ID. So let's take a simple example and say you sell Coffee. And the smallest amount of coffee you can order is one pack. Set 'Amount' as the ID and the Min Value to 1. The Max Value can be set up to an indefinite amount, but let's restrict our customer to ordering 10 packs of coffee and set the Default order number to 1.
Leave the Styles at their default value for now – Single Column and Select Width 280px.

Now you can click the + button and add a new Import Value stack. Set the Type to Select, change the ID to Coffee and add Formula Selection options by clicking the child stack's + button. Arabica, Robusta, etc. Now activate the first Formula Select field and the price difference to your base product. E.G. Arabica costs €10 a pack, Robusta – our base product – costs €12; in the Formula Select field for Arabica, set -2. You get the idea?

Next you could add an Options Field with a Checkbox – For a Value Added Pack that is 20% more expensive than the selected product. In the Import Value settings, add an ID, a text description for the product, set the Disabled Value to 1 and the Enabled Value to 1.2. These are the multiplicators that will later be used to calculate the end price.

Now I could rewrite the complete Formula manual here, but I'll leave you to read it on 1LD's Tutorial Page.

Once you've added The import Values that your product requires, it's time to sit down and work out the formula for your calculation. If you write it down on a piece of paper, it will make things easier for you. Here's an example from our Coffee Sales Page: ((quantity * 12 + input-options) * value-added-pack) * (input-tip / 100 + 1). The formula includes a tip for the delivery driver.

Formula can calculate Addition, Subtraction, Division and Multiplication. The Formula is added to the stack with child stacks and in the settings panel, you need to set the Type of Segment – which also includes Import Value, Number, Parenthesis and Custom Expression.

I suggest that you set up Formula on a blank page – it gives you more room to work. Once you have your Input Values set up and your formula calculates the correct values, it's time to format your stack. The main settings panel gives you a choice of three Calculator Themes plus an additional Custom setup.The default theme is a light coloured theme, themes 2 and 3 are dark themes. Custom opens up a range of additional settings for the Background Colour, Borders, and shadow. Below the Custom settings, you'll find Padding values for the Input Fields, The Input Background colour, the Border Styles and Shadows. The Font Family expects a Google Font and has settings for the Size, Weight and Line Height. By default the theme font settings are inherited.

The Output settings Include Decimal Places, and Separators; Labels for the Answer. The Font settings duplicate the Input settings.
But I'm getting ahead of myself…
… the Output Answer also has a dropdown menu with the options Show Below Calculator Input, Show In An External Field, No Answer/Calculator Input Only and Show Answer Only/No Calculator Input.

The option Show In An External Field is of special interest. If you hover over the screenshot above, you'll see that in the second image, Formula is positioned next to a contact form (in this case 1LD's Super Forms). In the last field of the contact form, you'll notice the Total Price of the coffee that is being ordered. All other order details are being passed on to hidden fields within the contact form. Once Miss Jones has entered her contact details, she can click Submit and her coffee order will be sent off to be delivered in time for breakfast next day.

Full instructions for passing the Formula data on to a contact form are included on the Tutorial Page.

Formula is well thought out and will allow you to build the most complicated calculations that you can think of (unless you have a diploma in advanced mathematics). It's ideal for a booking form, small online store, or for calculating the cost of your new bathroom tiling – and it has the added value that the calculation can be passed on to you via email.

Now go forth and make those calculations work for you!

Comments

Step By Step — FormsPlus

There are many solutions available for building forms in Rapidweaver. Just like sliders, every developer seems to have either a set of stacks or a plugin in their stables. Only a few of them jump out as being special. FormsPlus is special.

The majority of contact forms begin to look daunting as soon as they request more details than just your name and address. I know – I have built a couple of booking forms for clients: What? Where? When? How many etc. etc.?
In fact, I just recently spent a couple of days simplifying the contact forms on my own web pages. Currently, I'm working on a client site and just finished a contact Form. That was before FormsPlus from Chillidog Software flattered into my inbox. I might just have to start over!

After a year of development, Greg has just removed the wraps from FormsPlus, a stack that allows you to build multi-step contact forms for RapidWeaver. Ideal for questionnaires, feedback forms, and more. But there is more to FormsPlus, much more.

FormsPlus

FormsPlus offers so many possibilities – many more than any other forms suite of stacks and so much easier to use. Drop a FormsPlus stack into your RW project and you get a stack that offers you the options: Add Form Steps; Add Template; Success and Error Messages.

If we begin at the top, you need to add a Form Step by clicking the + button to add a child stack, then click the new + button to add a Form Element. Other Form Suites come with a set of stacks – one for each option available. FormPlus delivers 19 Child Stacks instead. You can view a list of them on the left.

Now you have two elements to set up. First, the Form Step and second the Form Element. If you look at the stack settings for the Step, you'll find that you're requested to add a Name for the step and a Step Description. You'll need to give a little thought to the Name, as it appears in the navigation bar above your form. You can, of course, simply choose Step 1; Step 2 etc. or add a step description as in the screenshots above.

You may add a Header and/or Footer stack to your Form Step. These can be any stack you choose; a help text, perhaps. Next you can decide how many columns the Form Step should have at each of four breakpoints and the gutter width or Column Gap between the columns.

Next you should format the Form Element. The stack settings are, of course, different for each stack. If, for instance, you added an Email Input Child, you must add a name (for use in the Templates) a description for your Form Element and a Placeholder; john.smith @someserver.com, for instance. Then you can add an optional Help Text to let your visitor know what you want him to add to said element. Finally, you should decide if the Element is a Required field or not.

You can add as many Form Elements to the Form Step as you feel are needed for said step.
NOTE: It is by no means obvious, but country and state selectors are also available – when you add a Select menu, you may choose 'Custom' and then add the selector you require from the stack's settings.

When your visitor has filled all the required fields in the first step he/she can click the next button and move on to the next step.
You can add as many steps as you need to FormsPlus, each one with different Child Elements. If you have a questionnaire or opinion poll you can add sliders (Range Input) to each element to gauge a user's satisfaction. The values from each Form Element will then be automatically added to the Template that you create when you are finished.

You can add multiple Templates to FormsPlus. A Form Receipt, which will be sent to the visitor, lets you set a Subject and a Reply To. In the Reply To, you need to add the name of your Email field. A Form Submission will be sent to a list of comma delimited email addresses that you enter, using the Subject that you set. The Reply To field should once more contain the name of the Email Element.
An Online Record will be saved as a text file to your server and could be imported into an CSV file.

Once you've added all the necessary Steps to your Form, you can take a look at the FormsPlus stack settings. They contain everything you will need to configure your form to match your website theme. There is even a choice of eight different transitions for moving from one step to the next or back. You'll also be able to position your form buttons (Top; Bottom; Left, or Right), set the wording on the buttons to your own language and (did I say already?) much, much more.

FormsPlus doesn't add personalised text to the Form Elements and it can't diverge from a set path of steps, but it does make a complicated form look a lot less overwhelming; it does allow you to define a user questionnaire that allows you to collect numerical results and it has a phenomenal set of Child Stacks.

Oh, there is one more feature: FormsPlus intelligently breaks uploads into small pieces before uploading. This allows you to upload files up to 2GB without you having to change any server settings.

Note: FormsPlus currently doesn't add a Sender to the mails received and the Reply To is your own address, not that of the sender, but we can expect those to change in version 1.1.

Any questions? Ask them with FormsPlus; the best way to ask them of your audience!

Comments

Show more posts

Links to the developers ® All trademarks cited on this page are the property of their respective owners.

Subscribe to Ninja News
or ask a question

Hi, I’m the Ninja Bot. What’s your name?
image/svg+xml
Nice to meet you, [1-1]. Could you tell me your mail address?
image/svg+xml
[1-1], would you like to subscribe to the monthly Ninja Newsletter?

Yes, I would like to receive your monthly newsletter.

No thanks, I’m good for now. I have a different issue.

image/svg+xml
Thanks for your support, [1-1]. Is there anything else I can do for you?
image/svg+xml

[1-1], thanks for subscribing. If you made a further request, I’ll get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I would like to subscribe to the Ninja Newsletter

Message

[4]
I’m sorry tohear that, [1-1]. How may I help you then today?
image/svg+xml

[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I don’t want to subscribe to the Ninja Newsletter right now.

Message

[6]

Thanks again for contacting us. Your request was successfully submitted.

Contact Information

rjh logo

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—17

Powered by rjh-design

This website was built with loving care on a Mac using Foundation. For more information, contact me.

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.

View previous campaigns.

Subscribe to the Ninja Newsletter

* indicates required