[rz] Top Slider *** UPD 2016-Apr-03 ***

[RZ] · Post by **[RZ]** » Wed Nov 19, 2014 1:48 pm

[rz] Top Slider v1.1

With this extension you can setup a multipurpose layer fixed on top of the page contents, usually for a navigation menu; it smartly opens and closes sliding itself based on the current page position.

Some features:

- RWD support.
- Focusable target object.
- Lean-out (the layer is partially closed).
- Number of pixels to scroll-down/up to close/open the layer.
- Initial number of pixels to scroll-down to close the layer (when the page is at the beginning of the contents).
- Sliding delay factors to close and open the layer.
- Supports keyboard navigation.
- Crossbrowser, crossplatform and backward compatible.
- Lightweight, does not require jQuery.

HTML 4.01 Transitional
W3C compliant

DEMO

* New in version 1.1:

- Objects can slide from top (header-like) or from bottom (footer-like) depending on the selected position.
- Minor core tweaks.

* New in version 1.0.0.1:

- Improved actions definition on scroll-down/up events.
- Join object: Optionally, sticks an object below the original one, this layer will not be hidden but slides with the main one; it is useful for advanced RWD schemes.
- Improved keyboard navigation behavior.

How to use?

1. Design your page/s and its/their contents.
2. Design the layer to be on top of the contents -like a header- as you usually do; it may be used as a navigation menu and it can be a layer or a masterobjects (formerly masterpage).
3. Drag and drop the extension.
4. Open the extension dialog box and enter the target object, the layer or the masterpage to be converted to a smart sticky layer.
5. Optionally, you can customize the behavior such as speed, required pixels to scroll the page to open/close the layer, etc.
6. Preview or publish.

Enjoy!

Enupnion · Post by **Enupnion** » Wed Nov 19, 2014 2:22 pm

I enjoy and would like to use several of your extensions. I see that you offer packs. However, the packs do not seem to offer the extensions I really want to use (like the newer ones such as this one and the one that is also demoed on the same page). Do you have either a pack that includes ALL of your extensions or a way to subscribe to all extensions and even get extensions you may release in the future?

Thank you.

[RZ] · Post by **[RZ]** » Wed Nov 19, 2014 2:34 pm

thank you for your suggestion
i'm trying to find a solution for a sort of annual subscription that includes all the extensions as they are when released or all the extensions plus updates (kind of 2 plans), depending on what you choose

naftalina · Post by **naftalina** » Wed Nov 19, 2014 4:27 pm

Just trying it!
Is it possible to set the slider reopen when the page is returned to the end top, instead than reopen when I begin to scroll back?

EDIT: I see it's possible but is hard to measure pixels. Also if I set pixels corectly I must change that with every change of page high.

[RZ] · Post by **[RZ]** » Wed Nov 19, 2014 4:35 pm

in that case you can use [rz] PAO in 'breakpoint mode'
this extension is a mimic/sort of the iphone address bar

[RZ] · Post by **[RZ]** » Wed Nov 19, 2014 4:38 pm

naftalina wrote:EDIT: I see it's possible but is hard to measure pixels. Also if I set pixels corectly I must change that with every change of page high.

it is not correct
please read my previous post

naftalina · Post by **naftalina** » Wed Nov 19, 2014 5:02 pm

I feel nervous every time I communicate with you.

[RZ] · Post by **[RZ]** » Wed Nov 19, 2014 5:05 pm

naftalina wrote:I feel nervous every time I communicate with you.

ok

naftalina · Post by **naftalina** » Wed Nov 19, 2014 5:27 pm

Yesterday I asked on the forum if anyone can make an extension would be possible to do menu in the slider like this: http://rekkiabilly.com/

You are the answers that you will make a "top slider" today with which it will be possible to make what I asked.
I immediately bought your new plugin. Now I wonder how to do that slider reopen itself when I scroll back to the top (that's how works slider in the example) and your answer is that I must use SAO!

My english is not so good but I think is enough good if you really want to understand.
I have feeling that you don't want.

[RZ] · Post by **[RZ]** » Wed Nov 19, 2014 5:40 pm

i never said [rz] SAO, as it is a very different extension: http://wysiwygwebbuilder.com/forum/view ... 53&t=60273
i said [rz] PAO: http://wysiwygwebbuilder.com/forum/view ... 53&t=48834
about this extension, [rz] Top Slider, does what is described in the online demo
taking a second look at the link you provided, i see that is a good suggestion to add an "inverter" option, it will be added as soon as possible and the update will be sent directly to your email when it is ready

naftalina · Post by **naftalina** » Wed Nov 19, 2014 5:44 pm

I mean it PAO not SAO. Sorry.

naftalina · Post by **naftalina** » Wed Nov 19, 2014 6:02 pm

When I set "lean out" to about 66 and both delays to about 11, I get a cool efect almost identical to the example (but inverse).
The only thing that should be made, is that the slider is closed (or partialy closed) when the page is at the top and that slider is open when the site is not at the top.

You can make invert but again slider will not work the same like in the example.

[RZ] · Post by **[RZ]** » Wed Nov 19, 2014 6:08 pm

naftalina wrote:You can make invert but again slider will not work the same like in the example.

thank you for trust in me

naftalina · Post by **naftalina** » Wed Nov 19, 2014 6:15 pm

Don't be pathetic!

I bought the plugin because I trusted you.

[RZ] · Post by **[RZ]** » Wed Nov 19, 2014 6:22 pm

i can understand that you cannot communicate with me
this does not entitle you to say that i am pathetic
i always try my best, you may agree or not, but always with the reciprocal respect
thank you for your understanding

naftalina · Post by **naftalina** » Wed Nov 19, 2014 6:29 pm

[RZ] wrote:i can understand that you cannot communicate with me
this does not entitle you to say that i am pathetic
i always try my best, you may agree or not, but always with the reciprocal respect
thank you for your understanding

I'm jokeing! I don't mean to insult you. Sorry

I just want to say that I bought the plugin because I trusted you.
now I see the plugin is not what you say.
In the last 3-4 days I bought 8 of your plugins because I like them and because I want to support your good work, but every time I try to communicate with you, I'm in trouble. Maybe it's me. :/

BaconFries · Post by **BaconFries** » Wed Nov 19, 2014 6:52 pm

Ok without stepping on anyones toes here looks like things have been lost in traslation a little. Can I just that you
naftalina provide a simple demo using the settings used then [rz] can say what is wrong...this is just a suggestion as long as it ok with [rz]....

naftalina · Post by **naftalina** » Wed Nov 19, 2014 6:58 pm

[rz] will add invert option and send me new version to mail and everithing will be ok.
I appologize to [rz] once again. I didn't mean that will sounds to him like he said.

BaconFries · Post by **BaconFries** » Wed Nov 19, 2014 7:12 pm

Great

as always [rz] will do his up most to help and resolve anything that may or may not be wrong just goes to show how a great guy he is..

[RZ] · Post by **[RZ]** » Thu Nov 20, 2014 1:20 am

* New in version 1.0.0.1:

- Improved actions definition on scroll-down/up events.
- Join object: Optionally, sticks an object below the original one, this layer will not be hidden but slides with the main one; it is useful for advanced RWD schemes.
- Improved keyboard navigation behavior.

naftalina · Post by **naftalina** » Thu Nov 20, 2014 3:39 am

Thanks for update. Now I did almost like here: http://rekkiabilly.com/
... but still I don't know how to set plugin that:
- slider is closed when page scrolller is on the high end
- slider is open when page scroller is not on the high end

... or maybe have another way to set that slider works on the same way like here: http://rekkiabilly.com/
Is it possible to set in pixels point of site where the slider open/close?

[RZ] · Post by **[RZ]** » Thu Nov 20, 2014 7:04 am

first of all, do not use a page header object, as it is stated in the instructions, is for use with master objects or layers (you can use even a text object, but never a page header because it has its own functionality, although it may behave correctly, i would not use this type of object)
in scroll category enter:

up: action -> none
down: action -> open
down: size -> 450
top: action -> close
top: size -> 300

about the size values abovementioned, play with them until you want the desired effect

naftalina · Post by **naftalina** » Thu Nov 20, 2014 7:23 am

YES! Thank you

[RZ] · Post by **[RZ]** » Thu Nov 20, 2014 7:32 am

@naftalina

@bacon
thanks for your kind words about me

naftalina · Post by **naftalina** » Thu Nov 20, 2014 7:50 am

Now I have another problem that probably does not depend on the top slider.
So, everything works great when I scroll manually, but when I put in the layer menu and when I use "Smooth Scroll" or "UPS" then wont working properly.
Please [rz] be nice and check does this working well with your extension "Elegant Scroll" or maybe is fault in my seting.

Thank you

[RZ] · Post by **[RZ]** » Thu Nov 20, 2014 8:21 am

it is not a bug in the extension, it is done on purpose to allow keyboard navigability and follow the standards
when you click on an object that has a link, usually the link gets the focus
when an object contained in the layer you want it to slide,and that object gets the focus, the extension detects if a contained object has the focus, in that case the object won't be closed
you can do this simple test: if you press the tab key, the menu will get the focus causing the layer on top to be opened; this allows to see all the available navigation options
if you want to not have this feature and as you want the menu to be always visible, and in the layer to have a logo or the like, just add an additional layer and enter its id in the "join" layer property, as in the online demo, and include the menu in that "joined layer"

naftalina · Post by **naftalina** » Thu Nov 20, 2014 9:44 am

Yes! I did what I wanted. I also added paralax and paralax object in the project and everithing working nice

Thanks, |RZ].

[RZ] · Post by **[RZ]** » Thu Nov 20, 2014 9:48 am

naftalina · Post by **naftalina** » Sat Dec 20, 2014 2:55 pm

Is it posible to place Top Slider in background? Behind some other layers?

[RZ] · Post by **[RZ]** » Sat Dec 20, 2014 3:36 pm

no, because when you scroll the contents then the other objects will overlap it
(anyhow you can do this manipulating specific objects with your own script)

naftalina · Post by **naftalina** » Sat Dec 20, 2014 3:45 pm

Scroll and you'll see what I want to do! I don't want to use Join Id option, just want triggered docking layer behind menu?
Maybe you have solution?

[RZ] · Post by **[RZ]** » Sat Dec 20, 2014 4:02 pm

try to move the [rz] PFO instance behind the [rz] Top Slider instance

naftalina · Post by **naftalina** » Sun Dec 21, 2014 7:21 am

Can you make a plugin?

So, I need to make a regular layer that is transparent when is on the first position and has a background when is on the second position (on the top).
It would be nice to have options "fade in and fade out time".
This plugin would be combined with PFO, or would have their own option to fix it on desired locations.

So, only background of the layer should be transparent/visible.
Content of the layer must be visible all the time.

[RZ] · Post by **[RZ]** » Sun Dec 21, 2014 7:50 am

you don't need to put all these things altogether
what you need is a [rz] PAO instance (it has fade-in/out)
the fixed layer is transparent
the second fixed layer that has background and belongs to the [rz] PAO instance is below the first fixed layer

naftalina · Post by **naftalina** » Sun Dec 21, 2014 8:12 am

YES!

naftalina · Post by **naftalina** » Sun Dec 21, 2014 8:34 am

Just one more thing!
When I fix the layer with PFO then it can not be spread on 100% of the width?
... and when I scrolling with mouse wheel menu shaking.

[RZ] · Post by **[RZ]** » Sun Dec 21, 2014 8:37 am

have you tried it?

naftalina · Post by **naftalina** » Sun Dec 21, 2014 2:07 pm

I have made almost all the way I wanted.

I used a docking layer instead PFO to fix "background layer", so the fadeout effect is not 100% as it I wanted, but it does not matter.

BTW: I suggest that we now delete all the posts that not related to Top Slider?

[RZ] · Post by **[RZ]** » Sun Dec 21, 2014 2:10 pm

i suggest you to edit the posts you made spreading your links everywhere as it seems kinda spamming...

naftalina · Post by **naftalina** » Sun Dec 21, 2014 2:31 pm

I agree.

While these are only temporary links for testing.
Perhaps it would be best to delete everything that is not related to the topic title?

[RZ] · Post by **[RZ]** » Sun Dec 21, 2014 2:52 pm

i cannot delete nor edit others' posts
please delete your temporary links as they are links to nothing related to the extension and seems to a self-promotion in others' threads

electrochrisso · Post by **electrochrisso** » Mon Feb 02, 2015 2:42 am

[RZ] wrote:thank you for your suggestion
i'm trying to find a solution for a sort of annual subscription that includes all the extensions as they are when released or all the extensions plus updates (kind of 2 plans), depending on what you choose

Sounds interesting, got an idea on pricing for this, I would be interested if the price range is in my budget.
Perhaps you could go with something like: Bronze - As are, Silver - Annual, Gold - Lifetime.

[RZ] · Post by **[RZ]** » Mon Feb 02, 2015 6:09 am

electrochrisso wrote:Lifetime.

this is tricky, mine or yours?

naftalina · Post by **naftalina** » Mon Feb 02, 2015 7:46 am

basstuuk · Post by **basstuuk** » Mon Feb 02, 2015 4:48 pm

Hello (RZ)
Perhaps it is useful to make an example with the extensions through a * .wbs file as with other extensions of you.
it is for customers who are not so good English and can write or read a good idé

[RZ] · Post by **[RZ]** » Mon Feb 02, 2015 4:52 pm

yes, you may be right
sometimes there are so many developments requests that the time seems never be enough
but will try my best to include samples as in the other extensions
thank you for your suggestion
with regards

basstuuk · Post by **basstuuk** » Mon Feb 02, 2015 5:11 pm

Hello (RZ)
Thank you for your reply and I hope to buy many beautiful extension of you.

Groet Bas

[RZ] · Post by **[RZ]** » Mon Feb 02, 2015 5:15 pm

you are welcome

electrochrisso · Post by **electrochrisso** » Mon Feb 02, 2015 11:59 pm

[RZ] wrote:
electrochrisso wrote:Lifetime.
this is tricky, mine or yours?

Well, as long as you want to keep going I guess, its your products, if I die, it makes no difference, lifetime in software development usually means a few years up to how long the developer wants to keep on supporting. I have several software with lifetime updates, most are still going, one is still going after 10 years, a couple have gone by the wayside, no big problem, it all depends on the pricing.

[RZ] · Post by **[RZ]** » Tue Feb 03, 2015 5:38 am

have you checked the shop page? it has subscriptions...