Showing and scrolling layers *** UPDATED Aug-26-2012 ***

[RZ] · Post by **[RZ]** » Mon Jun 04, 2012 5:53 am

my humble suggestion is as follows:
1. divide each module (i.e: about us, contact us, portfolio, etc) into individual pages.
2. if you have nested layers or "submodules info" like nested info layers, also move them to individual pages.
3. name carefully each element/object and place them in a logical order.

main
main_info
main_testimonials

contact
contact_staff
contact_form
contact_info

portfolio
portfolio_description
portfolio_images

instead of the typical "undebugable" way:

extension1
layer1
text3
layer2
text1
masterpage1
extension2
masterpage2

(just an example!)

4. test this "portion" and if all is working as expected, go ahead!
5. go to the next module and so on.

this is, in my opinion, the best way to debug and control what you are doing.
at the end of the day, and with an extreme ease, you will have your final/complete site!
believe me, it won't take a lot of time, on the contrary, you will be saving precious hours.
a lot of testing hours were invested, the extensions are working fine. divide your project into small pieces, then join them.
my cent...

(ps: you can name the layers as you want, independently from which groups are belonging to, the group name is also what you want)

supersonictt · Post by **supersonictt** » Tue Jun 05, 2012 6:36 pm

[RZ]
Thanks a lot for the suggestion. I started reconstructing the site from scratch using the way you told me, I came through some difficulties but I managed to solve them.
Everything seems to work excellent. I published part of it and it works fine, no lags or glitches. And every step I make in WWB am publishing it immediately to see IF the problem pops up again, I find the reason.
I am now finishing the last few things left, I will let you know as soon as I complete it.
Thanks a million for the great help you are providing

[RZ] · Post by **[RZ]** » Tue Jun 05, 2012 6:43 pm

thanks for your words.
good to know the things go better now.

supersonictt · Post by **supersonictt** » Wed Jun 06, 2012 3:20 am

Finally

Thank you so much [RZ], everything is working %100 now

Have a look:
http://www.pulsecube.com
Thanks again for the amazing support and help

[RZ] · Post by **[RZ]** » Wed Jun 06, 2012 3:34 am

glad to know it!

bry · Post by **bry** » Sat Jul 28, 2012 5:26 pm

Hi RZ,

Is it possible do you think to fade in a layer such as a docking layer?

http://www.test12.info/scrollinglayertest/index.html

I would love an effect where the docking layer fades in with menu (and stays).

Thanks!!!

[RZ] · Post by **[RZ]** » Sat Jul 28, 2012 7:34 pm

i'm sorry, i didn't understand your question.

bry · Post by **bry** » Sat Jul 28, 2012 8:09 pm

I'm wondering if your creative mind can envision a way that when a visitor clicks to a page, they see a full screen (proportional page) slide show happening. That part is of course easy, HOWEVER after maybe 4 or 5 seconds, I am imagining a docking layer with transparent background that contains a menu starts to fade into view at top of page on top of the slide show (at the top). It seems impossible but after looking at some of your extensions, you have done what I would have thought was impossible. So I'm hoping that you can see a way for this to happen (without flash).

I realize that it is difficult to communicate visual ideas. But do you now "see" what I am asking?

thanks so much!!!

FX3D · Post by **FX3D** » Sat Jul 28, 2012 8:26 pm

Maybe using events on page load could achieve this ?

[RZ] · Post by **[RZ]** » Sat Jul 28, 2012 8:31 pm

I'm wondering if your creative mind can envision a way that when a visitor clicks to a page, they see a full screen (proportional page) slide show happening. That part is of course easy,

yes, this is the easiest part because of the complex extensions already available.

HOWEVER after maybe 4 or 5 seconds, I am imagining a docking layer with transparent background that contains a menu starts to fade into view at top of page on top of the slide show (at the top).

you can accomplish this with a timed event (combined with callings to the already available extensions).
i cannot find where my post is, but i'm sure the user supersonictt can help on this because it was an interesting thread with him about this topic.

I would have thought was impossible

no! it is not impossible at all.

So I'm hoping that you can see a way for this to happen

i didn't find the thread about timed events, i remember i also posted a sample

(without flash)

my extensions don't use flash

But do you now "see" what I am asking?

it seems i understood you. hope the abovementioned member can help to find the post or repost the sample i gave him.

with kind regards.

[RZ] · Post by **[RZ]** » Sat Jul 28, 2012 8:32 pm

if think FX3D is in the correct way... (he posted meanwhile i was writing)

bry · Post by **bry** » Sat Jul 28, 2012 9:01 pm

Thanks RZ and FX3D, Interesting! I will study that.

I know the thread you are talking about RZ. I have read that couple of times already. Very interesting and that is what triggered my question.

[RZ] · Post by **[RZ]** » Sat Jul 28, 2012 9:08 pm

fortunately you found it.
so, take a deep look at it, you will get it!

haakoo · Post by **haakoo** » Sat Jul 28, 2012 9:09 pm

You might take a look at Jordan's animationpack-2.0
It has the ability for executing onload or have some scripts not executing onload but rather on callback
callback are;
or timed events to trigger actions
or events triggered while a certain outcome is met by another action.

Hans

supersonictt · Post by **supersonictt** » Sat Jul 28, 2012 11:41 pm

bry wrote:Thanks RZ and FX3D, Interesting! I will study that.

I know the thread you are talking about RZ. I have read that couple of times already. Very interesting and that is what triggered my question.

Hello all

Here is the link for the timed events:
http://wysiwygwebbuilder.com/forum/view ... 08#p230708

Hope it helps

bry · Post by **bry** » Wed Aug 01, 2012 1:48 am

Thanks RZ, Haakoo, and Supersonictt,

This extension shows us that much is possible within WB.

[RZ] · Post by **[RZ]** » Wed Aug 01, 2012 5:49 am

please post questions/answers in the proper sections.
thanks your for your understanding.

bry · Post by **bry** » Wed Aug 01, 2012 12:23 pm

Great extension!

[RZ] · Post by **[RZ]** » Wed Aug 01, 2012 12:31 pm

if you have any question about other developers' extensions, please post them in their original thread.
as simple as it is.
if i have a question about some topic and i post in other's thread, how the developer will find my question to give me an answer? besides this, it can be interpreted as "hijacking".

bry · Post by **bry** » Wed Aug 01, 2012 12:44 pm

Thanks for this extension!!

[RZ] · Post by **[RZ]** » Wed Aug 01, 2012 12:59 pm

it seems you didn't get the point.
how this thread (or any other topic) can be useful and for the benefit to all if the users using this extension (or any other one) post questions not related to the extension itself? will be confusing, don't you think?
second, i never said or took as hijacking, i crystal clear said: "it can be interpreted as".
that's all. let's try to preserve the topics' usefulness.

supersonictt · Post by **supersonictt** » Sun Aug 05, 2012 10:44 pm

Hello [RZ], how are you doing?

I am trying to do something with the extension, it is working great, but I faced something:

I have the oc2 extension for 2 layers set to docking and the dock mode is "Full", one green and one red, the only open/close mode that is working is the "fade", the slides do not work.
In your Fullsize background extension, you told me that when clicking the right down arrows it uses the layer extension but it works well in the sliding to the right and left, so can I accomplish this with what am doing?

Thank you.

*****EDIT*****
This is what you said in the fullsize background extension page:
"you can do this multiple slideshows background using the layers extensions.
use the prev/next extension.
add the slideshows you want (with the images you want in each one)
instead of pointing to yourlayerNo point to yourslideshowNo
(don't forget to add the proportional fullsize extension pointing to the slideshows, of course)
both simple and amazing, don't you think?"

I think I got the idea

Sorry for that but I feel lazy reading today

I will try it and let you know

Thanks a lot

[RZ] · Post by **[RZ]** » Mon Aug 06, 2012 5:16 am

you may be doing something wrong.
i'm checking this right now with docked layers and sticky layers, and the extensions are sliding right and fading as expected.
if you still facing issues, you can zip and mail me the problematic project to see what you are doing.

on regard the slideable/fadeable slideshows, that's right, this is how a did it and that is what i said.
again, you can zip and mail me the non-working sample, so i will be able to see what are you doing.

i can ensure that in both cases the extensions are working as expected...
with regards.

supersonictt · Post by **supersonictt** » Mon Aug 06, 2012 9:26 am

Thanks for the reply

Can I send the file to your email address you gave me?

[RZ] · Post by **[RZ]** » Mon Aug 06, 2012 9:33 am

you can zip and mail me the non-working sample, so i will be able to see what you are doing.

Can I send the file to your email address you gave me?

this means yes.

supersonictt · Post by **supersonictt** » Mon Aug 06, 2012 10:10 am

Hehe thanks a lot

email sent

FX3D · Post by **FX3D** » Mon Aug 06, 2012 1:31 pm

Hi [RZ], I am having a few performance issues with this extension

I have an icon which opens up a sticky layer (top right), and also an icon which closes it, the layer is just a basic block colour no shadows and has a CMS menu inside the layer - this works perfectly.

I have another sticky layer (top left), same operation as the one above, this time it has some html container inside (facebook), for some reason when this one closes it stutters (not smooth operation)

I have tried adding an extra "[RZ]Layers lib" to no avail, is there an explanation for this behaviour, maybe it is due to the streaming facebook data ??

Ideas pls

Thnx

FX

[RZ] · Post by **[RZ]** » Mon Aug 06, 2012 1:45 pm

@FX3D
thanks for your interest in this extension.

you don't need to add the layers lib twice, only one will be enough for the whole page no matter how many instances or how many extensions of this set you added.

although i'm aware for this "flickering" behavior with some external third party code, i'm afraid there is nothing we can do about it. but you can try this:

put your external code into a layer.
treat this layer as the main layer, so open and close it with no effect or fade effect (slide effects may cause in some cases this annoying flickering).
add another layer and treat it as the base layer, you can add any of the effects list with no issue at all.
this base layer will be opened first, and then, the main layer will be opened.
(don't forget to align them properly, kind of one acts as a container of the second.)
this resource, of course, is available in the oc and oc2 extensions; take a look at the properties dialog.

hope this helps.
regards.

FX3D · Post by **FX3D** » Mon Aug 06, 2012 2:17 pm

Thnx for looking at this [RZ], it seems if there is an HTML container box inside the layer (at least with streaming data anyway) the "moving/sliding" animations stutter, fade seems to work fine though

Other things added to layers (slideshow, menu, images, text etc) do not seem to have issues

I will use fade this will suffice

[RZ] · Post by **[RZ]** » Mon Aug 06, 2012 2:24 pm

please open the attached sample project, you will see how to open two layers; the base first, then the main.
this is a "multi-purpose" function, not only for advanced design reasons, but also for this problematic third party code; also it will be useful for inlineframes with php content (some servers may cause this "flickering" when the layer slades).
the fade effect has a downside in ie8 and earlier, the text is distorted during the fade process... but it should be less annoying than the first issue you stated.
anyhow, the trick is available, use it or leave it (means using other effect like fade).
regards.

FX3D · Post by **FX3D** » Mon Aug 06, 2012 2:45 pm

Thnx [RZ] appreciated

FX3D · Post by **FX3D** » Sun Aug 12, 2012 10:02 pm

Have you installed ALL the (rz wbx) extensions via manual install in WB ?

The "rz-layers.wb" project will not be usable otherwise

supersonictt · Post by **supersonictt** » Sun Aug 12, 2012 10:05 pm

Hehe

Remember when I asked about the oc2 extension, to narrow the gap between the open/close time so when the effect is set to "slide" the layers seem to push each other rather than going away then the second layer appears. And you told me (in the example I sent you via email) that the page background can be a color that blends in the layers backgrounds.

In the live demo example, the layers seem to push each others when the do the transition.

And I also told you that I only did that (narrowing the space between them) by editing the close time to zero in the generated html file.

Well, I just wanted to mention that because that live demo hit on my memory about what I told you

so just wanted to give a real example of what I was looking for.

You told me that you will some research about it, BUT nevermind [RZ], I am not on a hurry, actually I was playing with the layers extensions you made to see where my imaginations can take me :p

[RZ] · Post by **[RZ]** » Sun Aug 12, 2012 10:14 pm

i searched for this in the previous posts here, so i didn't find this

now i know you are referring to the mails.
what pharore did is add an image (a shape) into the layers, so there are not visible gaps...
he did a totally unintentional trick

i will try to improve this, but as you said, your aren't in a hurry, me neither!

[RZ] · Post by **[RZ]** » Sun Aug 12, 2012 10:16 pm

@FX3D
oops i missed your post. when did you post it?

thanks for your help here!

FX3D · Post by **FX3D** » Sun Aug 12, 2012 10:44 pm

[RZ] wrote:@FX3D
oops i missed your post. when did you post it?
thanks for your help here!

np I posted on the wrong topic

@supersonictt I have played with events on doing a spring effect to "push" the other layer ? there is no doubt a better way of doing this though, getting late now so I am Zzzzzzzzzzzzzz

ideas are getting cloudy am I missing the effect you desire ?

[RZ] is the top man on this tbh as it is his quite EXCELLENT "Layers" extension that deserves the credit, along with his dedication for supporting people

Thnx from me

[RZ] · Post by **[RZ]** » Sun Aug 12, 2012 10:48 pm

oops, i lost the compass... where are we going? aaaaaaa too late here... have a good night!

[RZ] · Post by **[RZ]** » Sun Aug 26, 2012 2:49 pm

[rz] Layers v1.6.5

* NEW in this version:

General:
- Improved mouse and keyboard handling to "onfocus", "onblur", "onmouseover" and "onmouseout" events with tab and enter keys (includes workarounds for Chrome and IE).

New behavior in Open/Close synchronized:
- Improved "open on hover" and "deactivate close" sequences.
- Move the opened layer on top of the screen elements.
- Move the open/close icons on top of the opened layer.
These features allow to build sophisticated menus! (also separated ones in the same page - and can be placed in masterpages.)

Loop:
- Improved sequence handling "onstop" and "onplay" events.

[rz] Button v1.5.0

The complement for the [rz] Layers extensions scheme.
This lightweight extension allows you to setup an image button with ease.
Similar to the rollover extension; no jQuery effects, but this image button can receive focus, support events and many link options.
Sample project file included.

* NEW in this version:
Improved mouse and keyboard handling to "onfocus", "onblur", "onmouseover" and "onmouseout" events with tab and enter keys (includes workarounds for Chrome and IE). This allows a full integration with the [rz] Layers extension set behavior.

HTML 4.01 Transitional
W3C compliant

Enjoy!

supersonictt · Post by **supersonictt** » Sat Sep 08, 2012 4:46 pm

[rz], hello again

It seems that the extensions set is not working with the latest build! 8.5 preview!
It was working with some previous builds of 8.5 but not the last one I downloaded yesterday!

Could you please confirm? I tested oc and oc2 but not the others.

Thank you.

*****EDIT*****
It works fine if you set objects to take control of the script (a text with an onclick function). If you set the image to open and close the layer within the extension, the image doesn't show in the preview mode.

[RZ] · Post by **[RZ]** » Sat Sep 08, 2012 5:28 pm

the extensions work fine at my end.
check this out: menu / tools / options / html -> untick the 'optimize inline styles (experimental, please read the help for more details)' option.

supersonictt · Post by **supersonictt** » Sat Sep 08, 2012 5:31 pm

Oh yes, I remembered doing that just after posting! I wanted to go check it but I got busy with something else

Thanks [rz] and sorry for bothering

[RZ] · Post by **[RZ]** » Sat Sep 08, 2012 5:36 pm

no problem

[RZ] · Post by **[RZ]** » Sat Sep 08, 2012 5:37 pm

joao2 wrote:Sorry, I don't understand how this works. How can we edit this rz-layers webbuilder file? All I see is a menu that stays on the same page, which is cool as it's what I'm looking for, but how does it work and how do I modify it?

i don't know what are trying to do and how... please refer to the first post in this thread and read the attached info file when you download the extensions set.

supersonictt · Post by **supersonictt** » Thu Sep 13, 2012 6:19 am

Hello [rz].

Please see the attached sample project.

Am calling jCarousel extension using an iframe, but when using "slide down" effect to open/close the layer, the iframe flickers (but not in IE).
This happened to me also in another project; so it seems that the iframe flickers if it contains some code (PHP or javascript) when using any open/close effect other than "fade". I used your oc extension with iframe inside it to call the "News Writer Pro" extension from another page and it used to flicker.

The reason am calling the jCarousel using an iframe is when inserting the extension directly inside the layer and using "fade" effect to open/close the layer, the layer open/close function works %100. But, if the open/close effect is changed to anything else the layer open/close function doesn't work!

Hope there is a solution for this

[RZ] · Post by **[RZ]** » Thu Sep 13, 2012 6:54 am

the issue is in the jquery. unfortunately, this is the way it works.
now, you can understand why i added the "base layer" concept.
if you have inlineframes with php code, yes, the flickering is annoying.
the only way to avoid this, is opening the layer in two steps.

so, treat the inlineframe directly as a "layer" by itself.

the sequence is as follows:

select the main layer: the inlineframe (yes, enter the inlineframe id instead of a layer id).
the method should be: fade with time or fade without time (just enter 0), it's up to you.
set 'base layer exists' to yes.
enter the ('base' or 'fixed') layer id.
select the effect you want: yes, also slide! with the time you want.

when you click 'open', now the sequence is:
the "sliding" layer is opened.
the "fading" layer (the inlineframe) is opened.

when you click 'close', now the sequence is:
the "fading" layer (the inlineframe) is closed.
the "sliding" layer is closed.

have a nice layering!

supersonictt · Post by **supersonictt** » Thu Sep 13, 2012 2:49 pm

Thanks a lot for spending some time describing the steps

they worked %100.

In my case http://www.pulsecube.com it won't work.
Visit the site please, and click on "What we do", you can see that a pagination extension is in oc2 extension, what I want to change is the "SlideShow" with "jCarousel", so I guess I cannot use the iframe as a layer as it is within the pagination extension.

But I really appreciate the help you offered, and it might lead to a solution in my case, I will dig deeper

Thanks a lot [rz] for the help

[RZ] · Post by **[RZ]** » Thu Sep 13, 2012 8:10 pm

well, as far as i can see, you are using a bit older version of the layers extensions set, i recommend you to update it.
second, you have an issue loading a resource.
i'm not familiar with the jcarousel extension, i thought it is the standard one that comes with wb, but i guess you are referring to another one that i don't know about it.
so, in just a few words, i'm not able to solve the issue, but you said it worked fine for you...

supersonictt · Post by **supersonictt** » Thu Sep 27, 2012 11:16 am

Hello [rz], how are you doing? Long time no see! Hope everything is going well with you.

I am wondering if something can be done using the extension, please have a look at this demo:
http://d2o0t5hpnwv4c1.cloudfront.net/04 ... index.html
You can see that the open/close button is attached to the layer.
Here is another example:
http://www.beyonce.com/i-was-here
The arrow on the left opens a panel (nevermind the full width of the panel, it is not what am looking for).

Adendum's extension "Tab Slide Out" does almost the same job but the icon doesn't change upon the click. In your extension, the icon changes, but I don't know if it is possible to attach the button to the layer.

The first link I provided has a tutorial on how to accomplish this, I still didn't read it fully, but I have a feeling that this can be done with your extension and am missing something.

I posted a thread here:
viewtopic.php?f=42&t=50723
It describes exactly what I want to do.
So before examining the tutorial I just wanted to ask about it

Thank

[RZ] · Post by **[RZ]** » Thu Sep 27, 2012 11:24 am

hello there;
for the first link i think this may be useful: viewtopic.php?f=42&t=46800
for the second link, is not currently possible to change the position of the open/close icon.

supersonictt · Post by **supersonictt** » Mon Oct 08, 2012 7:18 pm

Hello again [rz]

Would there be an update version that contains more open/close effects like fold, puff, ...etc? Because I tested these effects and they work.

Thank you