RW Help and Screencasts- former CRM Technik Screencasts

Since it is quicker then writing, I will show a very short screencast on setting up a shadowbox gallery initiated from only one link in the RapidWeaver page.

So you can follow what I am doing , I have a page with 3 shadowbox links (one to a web page link and two images) that are a shadowbox gallery.

First part of the screencast will show the original page with the three links ( in a shadowbox gallery the order is sequential as you can see with the links)

to set up up the gallery for shadowbox: in the rel tag you add shadowbox[group_name] group_name can be changed to suit your taste :)

Second part of the screencast will show the page with one link active and the other two hidden this is done by setting up a DIV class called "hide_me" yes very original :D and then hidden with CSS

the CSS you add into the Page Inspector of your page in RapidWeaver is
.hide_me{
display: none;
}

Enjoy the show and of course you can subsitute the link with an image and have this shadowbox also ;)
Regards
Kb

Well it has been a while but here is a new screencast (and a new Flash format) for demonstrating how to use Forms to Go with RapidWeaver.
The screencast will show you the basics on creating a contact form with error validation and a CAPTCHA
Enjoy the show

A quick masterclass on using loghound's Pluskit Import with your RapidWeaver pages to create a page with Flash, collage , Text and an accordion in a sidebar in less than 3 minutes

enjoy

FontSizer - snippet
If you find this useful donations are welcome at the Developers Site:

What's included?
Download the snippet pack
Two snippets for adding to the page inspector Custom Header and one for adding to the Sidebar. In addition there are two example graphic files that can be added to the page assets. These can be replaced by your own.

Note: this version will only work in Theme styles that have fonts defined by px. In this case the snippets will modify the size of Text contained by the body css tag.
The developer has stated that this can be modified easily to accommodate any tag and em defined fonts.

Integrating to RapidWeaver!
Add the header snippet


Add the Sidebar Snippet too. and also clear the formatting (Apple Key - Full Stop)



Add the graphics to the page assets

ShadowBox - advanced integration
Developers Site: http://mjijackson.com/shadowbox/ (no relation to the singer :) )

So what ?
This readme covers the hard coded integration for ShadowBox and to have this available in all your pages, if you require :)
Here you can see the demo page with the finished result. This also works with Blocks, Accordion and Carousel (well partially :( ) and even Pluskit import.. how cool is that!

Integrating to RapidWeaver!
After my first try, I though I needed to do something a bit more integrated so it is used on all pages (thanks to seemore for the hint). just to recap some basics, shadowbox will use the Mootools 1.11 framework which should keep things tidy with all the other Mootools related plugins that are produced by YourHead.

I will walk though all this in the screencast .... so please watch (feel free to pause at any time) read through compare notes and what is actually happening on the screencast and then finally you can use this in your Theme of choice :)

First of all
- Duplicate your Theme (Ctrl- Click Duplicate) and give it a name

- download the files that we are going to add in the Theme contents , add all the files (except the readme) from the Shadowbox folder into the duplicated Theme contents, this includes the javascript, the images and Jeroens FLV player.
Open the Themes.plist in your text editor (I'm using Textmate)
Things to add to the Theme.plist see image below
        <string>loading.gif</string>
        <string>overlay-85.png</string>
        <string>mootools.js</string>
        <string>shadowbox-mootools.js</string>
        <string>shadowbox.js</string>
        <string>shadowbox.css</string>
        <string>flvplayer.swf</string>
Figure 1.


Add the javascript Header information following RapidWeaver conventions. This includes the relevant information for your pages to find the mootools, shadowbox javascript and shadowbox css. In addition it also initialises the shadowbox with extra path information to find the images and flvplayer as you can see below.

    <script type="text/javascript" src="%pathto(mootools.js)%"></script>
    <script type="text/javascript" src="%pathto(shadowbox-mootools.js)%"></script>
    <script type="text/javascript" src="%pathto(shadowbox.js)%"></script>
    <script type="text/javascript">
                    window.addEvent('domready',function(){
            var options = {
                loadingImage:'%pathto(loading.gif)%',
                flvPlayer:'%pathto(flvplayer.swf)%',
                overlayBgImage:'%pathto(overlay-85.png)%',
            };

            window.addEvent(Shadowbox.init(options));
                    });
    </script>

Screenshot of what it should look like
figure 2.


Add the following to find the shadowbox css
<link rel="stylesheet" type="text/css" media="screen" href="%pathto(shadowbox.css)%"  />

Screenshot again
Figure 3.



-Install the snippets I have created first of all from the download pack
Create a new project or Test Page
- Add the ShadowBox JS Header to the Header Section in the Page Inspector

Looks like we are good to go so lets add a page to our ShadowBox modified Theme and see if it works.
As a note this will work in preview mode and export also.

To call a Shadowbox (without going into too much detail) just add shadowbox to the rel tag. You can see more at the developers site :)

Some examples... it is worth noting you can change the default size at initialisation. Web page content goes full size :)
Figure 4.


Change size of Shadowbox, using a FLV asset
Figure 5.

A pretty cool lightbox (that does everything from web, mov, flv, wmv...)... check out the demo page for more information on how to integrate to RapidWeaver and my test examples online

I have hosted this screencast for AppleGeek (Tim) in relation to the RapidWeaver forum link. Enjoy the Show :) You can grab the associated files from here

The first screencast introducing how to to build a Slideshow element in a Styled Text Page, it also works with Blocks elements too (DIV Blocks). Have a look at the demo page

The second instalment of Slideshow integration, this one is a bit tricky but it should help with the initial problem posted. If anyone wants to get back to me with any fixes to make it more RW friendly that would be great. Have a look at the demo page

Another cool videobox plug in using Mootools framework to play back video content, Mediabox also supports web content too. This is what I use on the site here :)
To accompany the RW forum article here

The original videobox built with Mootools framework and how to integrate with your RW Pages.
To accompany the RW forum article here

Another way of integrating Google Calendar within your RW pages to get great results to accompany the RW forum post over here

Using QuickTime Pro 'export for web' function to playback your video files (to accompany the RW Forum article)
The former screencast page was built using this
See the accompanying RW forum article here

A short screencast on how to publish to .Mac from RapidWeaver

A short overview on creating a sub menu in a RapidWeaver page

Two ways of doing sub menus