Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Info Dropdown for RapidWeaver

When I first read the description of the new View More stack from Weavium, I was expecting yet another extensible paragraph stack. It turns out that View More is much more than that, it's an info box that expands when clicked to divulge more information.

Packing tons of information into a webpage has always presented a problem. How do you pack reams of text and/or images into a page, yet retain an attractive design? Well, maybe Weavium can help you…
View More is a stack that presents your visitors with a compact teaser and expands when clicked. View More is as highly customisable as we have come to expect in the short time that Weavium stacks have been available and can be configured either to subtly match any other elements on your page. or to jump out at your visitor, begging to be clicked.

In its base form, View More displays a rectangular box (the colour settings are entirely up to you) which, when opened can contain the Encyclopaedia Britannica, if you so wish.

View More – Weavium

At the foot of the opened View More stack, your visitor will discover two buttons – Close and Proceed. Obviously, the button text may be reconfigured to suit your purpose but, interestingly, the Proceed button can be set to either a link, or a JavaScript.

View More – Weavium
The initial View More state is a rectangular box containing an icon, or an image, a title, a teaser text and a button to, well, View More. When the View More button is clicked, the original content shifts around to take up less space on your page and a drawer opes to display further content. The Proceed button (which may be hidden) could then open a new page or trigger a JavaScript to…
… Well, that's entirely up to you!

Stack settings
General
Max Width – px
[Corner] Radius – px
Breakpoints – Tablet, Mobile

Header – Extensive settings for the header formatting, including a choice of sixteen web fonts + Custom Google Font and four different icon sets – Font Awesome, Iconic, Linear Icons, Material Icons + Custom

[Header] Content
Padding
Max Width
Content Font – as above

Footer
Padding
Button Text – px
Button Padding
Button Radius
Button Spacing – Spacing between buttons
More Button Text – View More, Close
Action Button Text – Proceed

Section Colours – Extensive colour settings for every View More setting, including diagonal gradients and background images.

Action Button – Hide/Display action button
Action Type – Link, JavaScript
Displays either Link or text box for script.

View More is a nifty little stack that allows you to display reams of information within a confined space, but with the added convenience of being able to easily add a JavaScript for further functionality. View More is currently 25% off with the code view_more_initial_release.

Let's just hope that 'Linear Icons' lives longer than other icon sets have in the past, so that we don't have to reconfigure our pages next year.

Comments

PagePro – A new Foundation Project

It's been quite some time since a new theme or project landed on my desk. The new Rapidpages project PagePro from Jochen Abitz flattered into my mailbox last night and I was compelled to take a look at it.

Because I never got around to taking a look at Total CMS before the demo expired, Jochen was kind enough to let me take a closer look inside his online demo page and I'm very glad that he did because
1 – The project is rather neat and; 2 – Now I finally know how Total CMS works.

ProPage, as you will have gathered by now, is a Total CMS-based Foundation project.
Jochen has kept the design simple with a BWD Button Plus menu, a hero image and page content that's loaded via the blog. The navigation allows you to move between the pages (of course!) and also allows you to sort the blog posts by category. Oh, and the site has a sidebar that's been added with BWD's Blueprint Sidebar. ProPage takes advantage of partials, so that if you wish to duplicate a page, or parts of a page, doing so is simple.

ProPage comes with six pages in total – The main homepage, an About Us page, a Contact page and the Admin page with subpages for the main page (the blog content) and the About page. The whole project is schlicht (unostentatious), after the motto "Less is More". The homepage displays two columns with a large image for each of the blog entries and a summary. When clicked the blog post opens as a full page. The About page has the same header and hero image layout as the homepage and displays a large text with headers. The Contact page also shares the same header layout and includes a Foundation contact form.

The ProPage Admin pages have also been kept simple and are easy to use. Your clients will have no problems adding or altering their content.

PagePro – Jochen Abitz – Rapidpages

ProPage – as Jochen writes himself –

is not only a very clean and modern site for personal websites. PagePro is the most versatile project for your customer work. You can use this project as a basis for doctors, tradesmen, service providers, coaches and other professionals.
The basis is a very simple structure that makes editing the content fun. A post gets a category and then automatically appears in the menu. All contributions can be listed by category and searched for words.

I couldn't agree more.

Comments

1LD Mega Menu for RapidWeaver

Over the last twelve months, One Little Designer has produced a number of menu stacks for RapidWeaver. A continuation of the theme is the new Mega Menu which may be displayed inline, or fixed on your page.

Mega Menu can contain just about anything you want it to. If you choose the right stack, it will display your main page navigation or, as 1LD's demo shows, Mega Menu can even contain Google Maps.
The fact that it may either be fixed to float at the top or bottom of your page, or displayed inline makes it especially interesting.
The Mega Menu stack can display as many dropdown menus as you wish and the menus can display as many columns as you can fit onto your page – it's all a matter of your column width.

Mega Menu is, of course, fully responsive and on mobile devices it morphs into a practical dropdown that only displays the submenus when they are clicked [tapped].
As with all recent 1LD stacks, you have a wide choice of fonts and icons and, as usual, the stack is highly configurable; once again, with so many options that I shan't be listing them all individually.

Mega Menu – 1LD
Stack settings
General
Position – Fixed, Inline
Orientation – Top, Bottom
Z-index – Someone went wild here and entered a number that begins with nine sextillion and continues with 21 nines!
Max Width – px
Margin – Vertical, Horizontal
Breakpoint – Point at which the menu collapses as mentioned above

Main Menu – Settings for Font and Icon sizes, Spacing, Padding and Font

Mega Dropdown – Content Alignment, Min Height, Column Padding, Item Padding, Link Size, Title Size, and lots more…

Header – Logo & Title, Toggle Size

Colours – Colour Settings for every aspect of the stack

Mega Dropdown Menu (Child Stack)
Column Size – Equal, Auto
Icon – Google Material Icons, Fontawesome, Ion Icons
Icon Code

Mega Menu Column (Child Stack)
Column Max Width – px
Custom Alignment – [Content] Left Centre, Right
Custom Colours – Colour Override for – Links, Text, Titles, Border, Background

NOTE: Mega Menu uses content overflow. In case you haven't set stacks to overflow before – When you set Mega Menu to 'Inline' your content will only become visible when there is content below the menu – i.e. something for it to overflow!

You can place as many Mega Menu stacks on your page as you wish, without having to bother about stack IDs.
Oh, and the pessimistic Z-index setting of nine sextillion, nine quintillion, nine quadrillion etc. etc. is totally unnecessary and will be ignored by all browsers* – nine will suffice in 99% of the cases. If your page contains that many layers it needs to be seriously examined!

Mega Menu is a great alternative to your default menu and well worth taking a look at.

*The maximum observed Z-index setting is 2147483647 for most modern browsers, and 16777271 for Safari 3 and below. Older Firefox browsers will not display elements with a higher Z-index than the max at all !

Comments

Socialising With RapidWeaver

Yuzool Themes announced a second new stack alongside Events a few days ago – a free stack called Keylink, a social stack that keeps all of your bio link in one place. Perfect for Twitter, Instagram, Portfolio links, Business cards, Resumes, Work Proposals, Email Signatures, Site footers, Forums, Chat rooms.
keylink – Yuzool themes

The Keylink stack has just two options 'Button' (default), or 'Embed'.
Button displays, well, a button. The button links to your Keylink profile page.
Embed Displays your complete Keylink Profile on your Stacks page.

Ahem…
What, pray, is a Keylink Profile?

Well, at www.keylink.me you'll discover a new website that allows you to set up a bio page with links to your most important connections, your homepage, for instance, your Facebook/G+/Twitter profiles.
In short YOU at the click of a button (or your client, of course) and, best of all, both Keylink and the registration at keylink.me are free.

You can very easily log in to keylink.me and create as many contact links as you wish and if you are satisfied with black buttons on your keylink profile page it's free.

However, if you'd like to add some pep to your page (and the profile that RapidWeaver displays) by adding colour to the buttons, you're going to need 'Credits'

You can also display a 'Verified' badge within your profile, to let people know that you are really you. Finally, you can choose to remove the (rather large) "powered by Keylink" badge at the foot of your profile page. For both options, you will need to purchase further Credits – in all, a total of 26.

But hang on, you haven't told us anything about the Keylink stack yet.
Actually, I have – it has two options.
However, it also wants to know your Keylink handle – this is simply your user name. If you set the display to 'Button', you get options to format the button – inactive and hover colours, Border Radius, Padding.
If you set the display to Embed, you'll see options for the Height, Border Radius, Border thickness and Border Colour. The width of the profile display is governed by the container that Keylink is placed in.

Basically the Keylink site combined with the free stack is a great idea – all your important connection data at the click of a button, or directly on your RapidWeaver page.
Your Bio Description is limited to around 100 characters, so your CV will need to be stored behind one of the Keylink buttons, that's simple enough.
I would like to see settings within the stack that allow the logo and header sizes to be altered, but as this is technically an iFrame that would probably be a server setting.

I'm off to purchase credits, and you?

Comments

Bar charts in RapidWeaver

Bar charts are a simple way to display statistical data. The new Bars stack from Weavium is a great way to make those boring bar charts pop and look really interesting.

Bars can display your statistics both vertically and horizontally, the stack is animated so your bars slide into view as the stack is within the viewport and the bars are able to increase in value, or decrease. Bars can be formatted globally, or each bar can have its own custom formatting.
Bars formatting options are almost endless, so there is only a short summary below.

Bars – Weavium
Stack settings
General – Chart Range, Fill Direction, Animation Speed, Sizing
Header – Sizing, Orientation
Bar Items – Global formatting – Sizing, Alignment, Font (15 Otions plus Google font)
Bar Titles – Sizes, Spacing, Alignment, Icon Position, Font
Colours & Backgrounds – Fonts, Bar Background (flat, or gradient) Bars (flat, or gradient), Background (off, flat, gradient, or image)
Show Rule – Size and Colours

Bars Item Stack
Bar Value
Icon Font – Ion Icons, Fontawesome, Material Icons, or Custom
Custom Colours

A lot of thought has gone into creating Bars and the result is a very attractive way of displaying otherwise boring statistics.
If you need to display statistics, grab Bars now!

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.