Custom Scrollbar *** UPDATED Dec-09-2012 ***
Re: Custom Scrollbar *** UPDATED Apr-25-2012 ***
Thank you all!
After many downloads... New feature available: Touch'n'scroll.
Enjoy!
After many downloads... New feature available: Touch'n'scroll.
Enjoy!
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: Custom Scrollbar *** UPDATED Apr-25-2012 ***
I love the touch'n'scroll feature Thanks a lot [RZ][RZ] wrote:Thank you all!
After many downloads... New feature available: Touch'n'scroll.
Enjoy!
By the way, is there any way to control the scroll speed? I mean, when you scroll down the content appears slower.
Thanks a lot
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: Custom Scrollbar *** UPDATED Apr-26-2012 ***
Oh I found it
Thank you again [RZ], amazing update
Thank you again [RZ], amazing update
Re: Custom Scrollbar *** UPDATED Apr-26-2012 ***
@supersonictt
see? you can find all!
thanks for your feedback!
see? you can find all!
thanks for your feedback!
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: Custom Scrollbar *** UPDATED Apr-26-2012 ***
Hello [rz]
Well, am trying to do something weird here
I have a page that contains oc2 extensions, inside one them, there are two layers that also have oc2 extensions. Now they will both have the "News Writer Pro" extension content need to be updated online. The News writer pro is called using an iframe (scrollbar is set to "never" for the iframe and "auto" for the news writer pro).
Now if I set the scrollbar in news writer pro to hidden, can I use your extension to control the scroll of the news writer pro? Am trying to do this because I relly don't like the standard scrollbar as it doesn't match the theme of the page.
Well, am trying to do something weird here
I have a page that contains oc2 extensions, inside one them, there are two layers that also have oc2 extensions. Now they will both have the "News Writer Pro" extension content need to be updated online. The News writer pro is called using an iframe (scrollbar is set to "never" for the iframe and "auto" for the news writer pro).
Now if I set the scrollbar in news writer pro to hidden, can I use your extension to control the scroll of the news writer pro? Am trying to do this because I relly don't like the standard scrollbar as it doesn't match the theme of the page.
Re: Custom Scrollbar *** UPDATED Apr-26-2012 ***
no, you cannot do this.
inlineframe doesn't know the contents' length of the embedded page.
this is a long discussion from long time ago.
i did a workaround for this, worked pretty well, but i must be updating it ALL the time, resulting in an extremely FAT code just for unreliable workarounds. nowadays it is totally unstable because of the browsers varieties...
a div content is part of the page, an iframe content is not part of the page, we don't have any control over external pages (also from the same domain).
you can do a very limited trick, but the embedded page must be in quirks mode... and the pseudo scrolling method is not so elegant.
sorry...
inlineframe doesn't know the contents' length of the embedded page.
this is a long discussion from long time ago.
i did a workaround for this, worked pretty well, but i must be updating it ALL the time, resulting in an extremely FAT code just for unreliable workarounds. nowadays it is totally unstable because of the browsers varieties...
a div content is part of the page, an iframe content is not part of the page, we don't have any control over external pages (also from the same domain).
you can do a very limited trick, but the embedded page must be in quirks mode... and the pseudo scrolling method is not so elegant.
sorry...
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: Custom Scrollbar *** UPDATED Apr-26-2012 ***
Thanks for the reply
Actually I tried it a sew hours ago and ended up with what you just mentioned.
I found a CSS code to change the colors but it doesn't work with FireFox and IE
I guess I will stick to the standard one
Thaks a lot
Actually I tried it a sew hours ago and ended up with what you just mentioned.
I found a CSS code to change the colors but it doesn't work with FireFox and IE
I guess I will stick to the standard one
Thaks a lot
Re: Custom Scrollbar *** UPDATED Apr-26-2012 ***
don't use this antique/deprecated method, it worked *only* in older ie versions.
this code is not compliant.
i think it will be "better" make a quirks (and compliant) embedded page instead of using this css that is microsoft's proprietary pseudo-code.
this code is not compliant.
i think it will be "better" make a quirks (and compliant) embedded page instead of using this css that is microsoft's proprietary pseudo-code.
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: Custom Scrollbar *** UPDATED Apr-26-2012 ***
You are right...
Actually I never changed the scrollbar before, but this time, am trying to find a way as it really looks horrible with the design!
Actually I never changed the scrollbar before, but this time, am trying to find a way as it really looks horrible with the design!
Re: Custom Scrollbar *** UPDATED Apr-26-2012 ***
just play with the properties, you have almost all to make it feet your desired scheme.
btw, if you want to put the extension over the standard layer's scrollbar, just make the extension wider, this way it won't "fall" into the layer. also note that you have an horizontal scrollbar, you can use it as a standalone one or combining it with the vertical one.
glad to know it is working fine for you.
perhaps you can publish your final work to see how it goes?
btw, if you want to put the extension over the standard layer's scrollbar, just make the extension wider, this way it won't "fall" into the layer. also note that you have an horizontal scrollbar, you can use it as a standalone one or combining it with the vertical one.
glad to know it is working fine for you.
perhaps you can publish your final work to see how it goes?
Re: Custom Scrollbar *** UPDATED Oct-15-2012 ***
New in version 1.1.1:
Touch'n'scroll feature automatically disabled on touch devices for smoother performance.
Horizontal scrollbar's track bar 0px fixed in edit mode.
------------------
New in version 1.1:
Improved compatibility with IE.
Horizontal scrollbar added (with synchronization support for the vertical scrollbar extension).
"Touch'n'scroll" feature.
Notes:
Now you don't need anymore the previously provided fix for transparent layers in IE. The mousewheel support does it automatically!
Due to technical reasons, the support for IEquirks was removed from the horizontal scrollbar.
Touch'n'scroll feature automatically disabled on touch devices for smoother performance.
Horizontal scrollbar's track bar 0px fixed in edit mode.
------------------
New in version 1.1:
Improved compatibility with IE.
Horizontal scrollbar added (with synchronization support for the vertical scrollbar extension).
"Touch'n'scroll" feature.
Notes:
Now you don't need anymore the previously provided fix for transparent layers in IE. The mousewheel support does it automatically!
Due to technical reasons, the support for IEquirks was removed from the horizontal scrollbar.
Re: Custom Scrollbar *** UPDATED Oct-20-2012 ***
New in version 1.2:
Support for touch devices (drag/scroll).
Support for touch devices (drag/scroll).
Re: Custom Scrollbar *** UPDATED Nov-12-2012 ***
New in version 1.2.1:
Workaround that solves a bug (touchscreen devices false positive) in Maxthon browsers.
Compatibility backward for a correct startup in IE7 and earlier and other browsers with similar engine/core when using php dynamic content.
Workaround for IE bug, a pixel gap rendering rtl pages.
Workaround that solves a bug (touchscreen devices false positive) in Maxthon browsers.
Compatibility backward for a correct startup in IE7 and earlier and other browsers with similar engine/core when using php dynamic content.
Workaround for IE bug, a pixel gap rendering rtl pages.
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
New in version 1.2.2:
Fixed a few pixels gap when the container has padding (i.e. now you can scroll the text object content directly; also when it has padding and overflow settings).
Improved keyboard events handling in Safari and Lunascape (Gecko and WebKit modes) browsers in pages with multiple jQuery effects running in background.
Fixed the background image missing in styled objects under certain conditions.
A workaround for a known issue with click/doubleclick events in IE8 and earlier versions.
New max scrolltrack size property for both horizontal and vertical scroll modes; this allows proportional, fixed and fixed-proportional size modes for the trackbar.
Better focus method under certain browser conditions.
Some minor tweaks in the extension core.
Fixed a few pixels gap when the container has padding (i.e. now you can scroll the text object content directly; also when it has padding and overflow settings).
Improved keyboard events handling in Safari and Lunascape (Gecko and WebKit modes) browsers in pages with multiple jQuery effects running in background.
Fixed the background image missing in styled objects under certain conditions.
A workaround for a known issue with click/doubleclick events in IE8 and earlier versions.
New max scrolltrack size property for both horizontal and vertical scroll modes; this allows proportional, fixed and fixed-proportional size modes for the trackbar.
Better focus method under certain browser conditions.
Some minor tweaks in the extension core.
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
Great update which as you know already forms the basis of a design for a client of mine
Running WYSIWYG Web Builder since 2007...
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
thank you for your post and your interest in this extension.
you can change borders and individual colors for each scrollbar element.
images for the tracker are not supported in this version for free.
for further customization options, you can contact here: www.magnawebstudio.com
with kind regards
you can change borders and individual colors for each scrollbar element.
images for the tracker are not supported in this version for free.
for further customization options, you can contact here: www.magnawebstudio.com
with kind regards
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
i cannot understand what you are trying to do.
please tell me step by step how to reproduce your problem or, better, post a sample project to see what your issue is.
please tell me step by step how to reproduce your problem or, better, post a sample project to see what your issue is.
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
ok, thanks for your sample project.
please note that this doesn't mean that the extension doesn't work; due to technical reasons, not always you can directly hide an extension. in that case, put the extension into an independent [and transparent] layer and show/hide it; this way you can accomplish what you are asking for.
with regards
please note that this doesn't mean that the extension doesn't work; due to technical reasons, not always you can directly hide an extension. in that case, put the extension into an independent [and transparent] layer and show/hide it; this way you can accomplish what you are asking for.
with regards
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
ok, it's up to you. just remember this case if you plan to make some changes in your project.
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
apologies for the inconvenience and thank you for your encouraging feedback.
i have no timeframe for a soon update; but there are good news.
1. add an html box
2. set type -> between <head></head> tags
3. in the html entry add the following:i'm sure your [now solved] issue will be for the benefit of all!
thank your for your patience
i have no timeframe for a soon update; but there are good news.
1. add an html box
2. set type -> between <head></head> tags
3. in the html entry add the following:
Code: Select all
<style type="text/css">
.ui-tabs .ui-tabs-hide
{
display: inline !important;
visibility: hidden !important;
}
</style>
thank your for your patience
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
the links are working fine for mekernelus wrote:Hi,
I can't download the extension, i think links are dead.
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
Dart wrote:How do I get the scroll bars download.
lol - you're funny and contradictoryDart wrote:You self important aren't you, OK cry baby no problem don't need it. Life carry's on no big loss.
i have no time for so stupid and childish things like this
good luck on your own - and you are 100%, you are not a big loss nor a loss at all
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
there is nothing i can do without seeing what you did
please post a sample project with your issue
please post a sample project with your issue
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
the scrollbar must be over the layer that points to in the z-order
use the object manager panel to move the scrollbar to the front of the layer
(btw, please always read the topic where you post your questions because it has useful information, this question was already answered)
use the object manager panel to move the scrollbar to the front of the layer
(btw, please always read the topic where you post your questions because it has useful information, this question was already answered)
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
in run-time mode the scrollbar is always visible
(fyi, next version will have more improvements; however, it will be visible or not according to the contents and not related to the object manager status - among other new features)
(fyi, next version will have more improvements; however, it will be visible or not according to the contents and not related to the object manager status - among other new features)
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
using javascript:
document.getElementById('your_scrollbar_id_goes_here').style.visibility = 'hidden'
or
document.getElementById('your_scrollbar_id_goes_here').style.visibility = 'visible'
or you can put the scrollbar into a layer and hide/show the layer according to your scheme using your desired events
document.getElementById('your_scrollbar_id_goes_here').style.visibility = 'hidden'
or
document.getElementById('your_scrollbar_id_goes_here').style.visibility = 'visible'
or you can put the scrollbar into a layer and hide/show the layer according to your scheme using your desired events
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
good to know that all is working as expected
Re: Custom Scrollbar *** UPDATED Dec-09-2012 ***
yes that's right
besides this, in your sample, you didn't add content to the layer yet...
thank you for your feedback!
besides this, in your sample, you didn't add content to the layer yet...
thank you for your feedback!