www.wysiwygwebbuilder.com

Nicescroll is a jquery plugin created by InuYaksa (original code), for nice scrollbars with a very similar ios/mobile style. Supports DIVs, IFrames, textarea, and document page (body) scrollbars.

NiceScrollScreenGrab.jpg

Which means you can totally style your browser scrollbars and you can create scrollable DIV areas with a few mouse clicks.

Dumb question - where is the url added for the iframe option?

"Nice"

Hans

One thing Paul,

In the help put in the fact that people need to put the wb_ prefix for a layer usage
Since the script has the prefix build in.

Hans

Whoaw!!!
Nice man!!! Very usefull.
Thanks
Joe

IeMS wrote:Dumb question - where is the url added for the iframe option?

Yup.

Just add your iframe as normal.

haakoo wrote:One thing Paul,

In the help put in the fact that people need to put the wb_ prefix for a layer usage
Since the script has the prefix build in.

Hans

Not following you. The wb_ prefix is pre-coded in the extension, so users don't have to specify that. Am I missing something?

Paul hello,
the Help file dosent exist at your site!!!
Please check it out!
Thanks
Joe

It's there now. But it was in the extension.

Ok i downloade it but there is nothing about how can i add the text to it.
How can i do it?
I have a text and i have add the extension to the page but still i see the text as simple text...
Please help.

Adendum wrote:

haakoo wrote:One thing Paul,

In the help put in the fact that people need to put the wb_ prefix for a layer usage
Since the script has the prefix build in.

Hans

Not following you. The wb_ prefix is pre-coded in the extension, so users don't have to specify that. Am I missing something?

Yup I had missed something! Updated the help file! New version on my server now and about to upload a new version to Extension Manager.

@Paul,

Layers don't use the prefix so if you want to address it as a div(which it is),
people need to put wb_ in front of the ID to make the scroll being applied to it

Hans

**edit** Just saw your post but leave this post for explanatory purposes

stamjoe wrote:Ok i downloade it but there is nothing about how can i add the text to it.
How can i do it?
I have a text and i have add the extension to the page but still i see the text as simple text...
Please help.

I have added some more info to the help file. Either download version 1.0.0.1 or check out the help file from the demo.

To make it apply to a DIV (Text / Layer / TextArea ):

Make sure the overflow properties is set to HIDDEN
Default is NONE but then you cannot resize the div(height/width)

Steps are
-put in large text>set overflow to hidden>resize the textbox with mouse>set the id in the extension properties>done

Hans

haakoo wrote:@Paul,

Layers don't use the prefix so if you want to address it as a div(which it is),
people need to put wb_ in front of the ID to make the scroll being applied to it

Hans

**edit** Just saw your post but leave this post for explanatory purposes

Sorry haakoo I am still not getting what you are saying. If you mean layers as in the layer object then the extension doesn't support the scrolling of a layer - just the page body, DIV areas, iFrames etc...stuff that can have some part of it hidden (overflow hidden)

Paul

Put Layer1 on stage>put big object/text on it>rename Layer1 to wb_Layer1>set overflow to hidden>resize the layer smaller> Put Layer1 in extension(div)properties
Now you can scroll a layer

Hans

Adendum wrote:Sorry haakoo I am still not getting what you are saying. If you mean layers as in the layer object then the extension doesn't support the scrolling of a layer - just the page body, DIV areas, iFrames etc...stuff that can have some part of it hidden (overflow hidden)

lol...the penny just dropped! Got what you are saying...........! Doh!!

Will update the help file again and upload 1.0.0.2 to Extension Manager.

Adendum wrote:Will update the help file again and upload 1.0.0.2 to Extension Manager.

New help file on my server and new version in Extension Manager (1.0.0.2).

Thanks haakoo!

Okididadoky or

Hans

Forgive me for ask but before I jump in with trial and error let me ask - I have an iframe inside a layer (overflow - hidden) currently on my site. Do I change the object id of the layer or the object id of the iframe to include wb_ and then use the same id (less wb_) as the id of the div in your extension?

Secondary question - if it is the layer id that is used (not the iframe), do I need to hide the scrollbar from within the properties of the ifame (so that there are not 2 scrollbars)?

One last question - does it matter where, or in what order the extension is placed? IE - does it need to go behind everything?

Thank you for your time. Have you had a change to test an iframe on your iPad yet? Curious if it works before I jump in.

Rob,

To use it for the iframe,you need to use the page properties in the extension placed on the subpage(
the one you want to load in the main page containing the iframe)
The div props are for the other objects on the mainpage

Hans

IeMS wrote:I have an iframe inside a layer (overflow - hidden) currently on my site. Do I change the object id of the layer or the object id of the iframe to include wb_ and then use the same id (less wb_) as the id of the div in your extension?

Depends on which one you want to scroll.
If the layer needs to scroll change the layer ID to include wb_
If the iFrame needs to scroll place the extension in the page that the iFrame calls and set just the page configuration.
If both need to scroll do both.

IeMS wrote:Secondary question - if it is the layer id that is used (not the iframe), do I need to hide the scrollbar from within the properties of the ifame (so that there are not 2 scrollbars)?

Depends on how much content will display in the iFrame.
If there is more content than the space you allocated in the iFrame you'll need the iFrame to scroll - see above.

IeMS wrote:One last question - does it matter where, or in what order the extension is placed? IE - does it need to go behind everything?

The extension can go anywhere.

IeMS wrote:Thank you for your time. Have you had a change to test an iframe on your iPad yet? Curious if it works before I jump in.

Not yet...have you?

To be more specific, the iframe I currently have is calling info from an external webpage (a wp.com blog) and is currently scrolling. it's on the blog page of my site. It is inside a layer where the overflow is set to hidden. It currently renders in iPad ok (no overflow) but Apple's configuration prevents it from being scrollable like it can on an android device.

In this situation, SHOULD I set the div to be the layer or the iframe? I only want 1 scrollbar but I am not sure which needs to be used over the other in this case.

Rob,

As the page you are calling in is EXTERNAL you can only affect the layer.

Why don't you just install the extension and experiment with it.

TNX for your index update mail Paul, like like this extension:)

@Paul,

Would you be so kind to change in the page part of the script from $("html") to $("body")

Did some testing and this seems to work better.

Hans

@haako at the moment Paul is unavailable to make any changes, this is due to him being on vacation, from another thread he wont be back till the 21st of this month.

Vacation what's that??

Hans

Hans it were you are supposed to put down the mouse close the PC down and not open again for two weeks lol but never happens for me..lol

Ssst don't tell the wife

Hans

Hello everyone ...
The first is to thank for this extension ... it was much needed because the default scroll ... is VERY UGLY, lol.

I know nothing of programming and maybe this is a stupid question, but I want to nice scroll within a jQuery tabs ... the steps I've done have been

create the tab
create the largest layer, placing hidden and before the name wb_
in nicescroll options within configuration div ... collection ... the name of the layer with wb_ also have tried without the wb_


but it does not work .. do not get the scroll

case can not be put into the tap .... the thing is that if I put it out it does not work .... and if I delete the tab ... it does not work.

I do wrong?? I have the latest update that just downloaded the extension manager ...

I feel so many words, and my bad English .... Spanish mistranslated.

Thanks to all

EDIT:

I put the layer and nicescroll in a new page ... and there if I work ...

I do not understand ... Will not be put nicescrollo and taps on the same page??

Thanks again

Adendum,the creator of this ext. is currently on vacation and cannot answer any questions.
But my request(some post up) should resolve the problem you are having

Hans

haakoo wrote:@Paul,

Would you be so kind to change in the page part of the script from $("html") to $("body")

Did some testing and this seems to work better.

Hans

Haakoo,

I'm back.....but it was hardly a vacation. Property problems in the middle of nowhere in Spain. Very tedious!

Anyway, either drop me a line via email or expand on this and I'll get to it ASAP.

Sorry to hear about the not so much a vacation vacation .

Had the nicescroll applied within the cms and found the content didn't show-up.
After altering the html part to body it worked like a charm.
Also in normal wb pages I found that body did work all the time and html on and off.

Hans

Paul

See attached .wbs file

If you preview you see the scroll items but no content
Now edit the html file in your preview folder(or win temp)
and change the $('html") into $("body")
test it and you'll see what I mean.

Hans

Hi Paul;

Is there any update on this extension?

Cheers
B

Just uploaded version 1.0.0.3.

Adendum wrote:Just uploaded version 1.0.0.3.

Diamond G!!!!

Thanks Paul.

Hans

alexm66 wrote:hello, I'd like to download your beautiful extensions ...... from where you download? I went to your site but I did not understand ... .

thanks

You use WWB's extension manager, so you download and install while in WWB

Can't help you on that as I ony use a PC and create extensions using PC tools supplied by Pablo...so you'll have to ask Pablo about that.

Paul;
A silly question, is there any way to set the colour for the rail of the scrollbar? See attached,

v1.0.0.4 released.

Demo updated

Help file updated.

And users of WWB8 will probably not be able to use it now as I updated using EB4.2.

Hi Adendum

I am using WB10 with Nice Scroll v1.0.0.4 and everything is working except for layers.

I've created a test page below where you can see the scroll bar appears for the text object and the iframe but its not working on the layer.

I followed the help PDF and changed the name of the layer to wb_Layer1 and used this name in the DIV configuration but it still doesn't work.

Thanks

It was built for WWB9. If it doen's do what you need in WWB10 there is little I can do about that at the moment. Far too much work to do sorry. However, Zinc also uses Nice Scroll and WWB10 and I sent him all my raw files to create a version of Nicescroll for WWB10 - maybe he could supply a working extension for you. I wont have the time to get around to this (or any extension updates) for a couple of months at least.

Ok thanks

This is not a disaster as I can still use an iframe inside a layer but it would have been nice to keep everything tidy just using the layer.

I will wait to see if Viper posts a version which works in WB10.

Zinc not Viper

Hi, Adendum

I was many times on your website, but I never managed to find where to download extensions?!

You don't download them from my site - my site is just demos. You install the extensions through WWB - go to Tools>Extension Manager.

Thanks