Hi Everyone
Over the last day or two OBD released a new version of the WebYep system. It contains some great updates plus a completely new action and I promise I will get the Freeway Webyep update out to you all as quickly as I can.
Hidden amongst the new improvements is the ability to turn off webyep’s own built in Scriptaculous/Prototype references, which means that if you want to use the webyep lightbox and freeways carousel, then you should find that it will be compatible.
To do this you will need to turn off the webyep references and to do this you will need to add two lines of code within the config-inc.php file which can be found within the webyep-system folder.
$webyep_bDebug = false;
// Turn off WebYep references of Scriptaculous/Prototype
$webyep_bDoNotIncludePrototype = true;
$webyep_bDoNotIncludeScriptaculous = true;
This will now allow you to us Freeways in-built or Walters Scriptaculous/Prototype actions
The only caveat’s are:
1st caveat
This is a global control so Scriptaculous/Prototype will be turned off on every webyep page so if you have a webyep lightbox on a page and you don’t have a freeway Scriptaculous effect then you will need to add the Scriptaculous/Prototype references to that page.
2nd caveat
You can NOT have the webyep logon button on the carousel page but obviously you can have a unlock button on other pages and apart from that everything else works including the lightbox within a carousel.
Please let me know if you need an example as I have a working model here:
PS i am still on my honeymoon so it may take a little while for me to catch up on my emails
all the best max
Thanks for the heads up Max. That will prove useful.
You can NOT have the webyep logon button on the carousel page but obviously you can have a unlock button on other pages and apart from that everything else works including the lightbox within a carousel.
Hmm… That will be a problem, but since you only need one logon button any page will do.
Hi Chuck from the tests I did the minute I placed the unlock button on the page the actual carousel stopped working so hence why I mentioned it but the unlock button could be on every other page that didn’t have a carousel.
The WebYep guys could solve this very neatly by using a similar
mechanism to what Scriptaculous uses in their meta-loader
scriptaculous.js: look for the Prototype.Version global attribute and
see what it’s set to. If it’s anything at all, don’t load Prototype a
second time. That’s the root of the problem.
Walter
On Sep 2, 2011, at 3:45 AM, max wrote:
Hi Chuck from the tests I did the minute I placed the unlock button
on the page the actual carousel stopped working so hence why I
mentioned it but the unlock button could be on every other page that
didn’t have a carousel.
Hi Walter
Could you show me an example of the meta-loader scriptaculous.js I had a look for it but didn’t see it… because what you are describing would be a much better alternative
speak soon max
This is what runs when you put a link to scriptactulous.js in your
page head. Cool feature: Note how it parses the URL it was called from
so you can load only the parts you need with load=effects or
load=controls,effects.
But the test to see if Prototype is already included in the page is
the real part I wanted you to see. This script could be turned inside
out, so it tests for the existence of Prototype, and what version, and
if a sufficiently evolved version is already loaded, do nothing. If an
existing Prototype is loaded, throw an error, and if no Prototype is
loaded, load the right one. This might also look out for jQuery or
MooTools, and throw an error.
Walter
On Sep 3, 2011, at 4:29 AM, max wrote:
Hi Walter
Could you show me an example of the meta-loader scriptaculous.js I
had a look for it but didn’t see it… because what you are
describing would be a much better alternative
speak soon max
1st caveat
This is a global control so Scriptaculous/Prototype will be turned off on every webyep page so if you have a webyep lightbox on a page and you don’t have a freeway Scriptaculous effect then you will need to add the Scriptaculous/Prototype references to that page.
Hi I am building a site which gives me this problem. I have Web yep Images on a home page with a Carousel (not working) and three other pages with Webyep galleries on them + webyep lightbox. What is the best way to add Scriptaculous/Prototype references to those pages if I have disabled them in the Webyep system?
Hi richard there is a page action from walter called a Protaculous that adds the relevant libraries to the head part of your page.
Just choose Scriptaculous within the action palette drop-down then it should be fine.
all the best max
Hope now to get Webyep rich text into the carousel!
And whilst I have your attention - (if indeed I have it ) when entering padding or margins into styles when I enter say 8px 8px 10px 12 px in a row is this top, bottom, left, right or some other order?
Hi Richard
margin & paddings … are both the same
if you imagine it’s like a clock hand going around a clock face so it’s: midday to quarter past, then to half past, and the finally to quarter to
Thanks Thomas. I have learnt some good things from your screencast. However. I am following the guide to styling a Webyep gallery by Max. When employing the extended box to add styles you have to enter the dimensions in a line - as seen in the following quote from that guide (copied and pasted in)
"We are going to add some padding to this style via the extended button and this will be :padding:10px 0px 0px 10px. This will add 10px to the top and right hand side and 0 px padding to the right an bottom… "
Unfortunately it refers to the right twice and never to the left so I am non the wiser Max you have told me to interpret it as a clock and you give me “top right bottom left” as the correct order. Should the above therefore read - "this will add 10px to the top and left hand side and 0 px padding to the right and bottom… "
(And the freeway padding and margin box, that layout does not relate to the clock image I now presume?)
So to be clear if I write in in the extended box a line such as margins 6px 8px 10px 12px I am saying top-6px, right-8px, bottom-10px, left-12px. Yes?
On Sep 29, 2011, at 4:01 PM, Richard Lowther wrote:
"We are going to add some padding to this style via the extended button and this will be :padding:10px 0px 0px 10px. This will add 10px to the top and right hand side and 0 px padding to the right an bottom… "
ahhhh … sorry Rich - yes the gallery. I as well did an example - however not “screencast” it, cause it’s really sometimes a bit complicate to get through all the stuff. Max did a brilliant explanation - but nevertheless it took me some extra minutes to get through.
As Walter and the rest mentioned:
either each padding itself
or
padding: 10px,0px,0px,10px to read
“from the top around the clock”
The example (following Max’s example as well just to make sure it could work):
Hi Richard
It is confusing because as you have found out, Freeways interface doesn’t necessarily visually conform to the way the styles actually need to be written.
If you do get confused then using explicit styles as walter has shown is just as easy… it just takes a bit longer to write but is just as valid and sometimes easier to make sense.
Still got Carousel Webyep clash. Site currently looks like this http://www.damiendewing.com On the home page a carousel with Webyep images alongside - not calling on the lightbox. All works well.
On other pages no carousel but lightbox required for Webyep gallery. So webyep’s own built in Scriptaculous/Prototype references is turned off and Protaculous added as a page action. All fine here too
But If I add a carousel on these gallery pages (for switching between english/french text as on the home page) the lightbox, as pointed out above, will not work without Protaculous but when Protaculous added I get a frightening looking message - “Carousel - file has no properties” which arrives with a window full of code, the freeway logo up top and an exclamation mark. Plus another message window about Java script errors.
Am I asking too much when putting these events all together on the same page?
Hi Max Yes did try that. Have taken everything off, republished and tried adding all back in in various orders. Can make a carousel work but no light box in gallery. A soon as I add the protaculous to the test page it fails. All other pages working fine. But can not get carousel and lightbox on to the same page. Richard
