RokSprocket, RokGallery & RokBox conflicts with NoNumber sliders
1,092 views
Skip to first unread message
Michael
Aug 26, 2013, 3:41:04 PM8/26/13
to gantry-framework...@googlegroups.com
Hey guys, I could really use your help here. I've tried posting this on the rocket theme forum but haven't gotten too far with it there. This Group is and always has been very helpful and active so I'm hoping to at least get some feedback here to see that this behavior isn't just happening on my phone. For those of you who would like to view the post on the Rocket Theme forum here is the link for it. but I have posted the contents of my posts here
http://www.rockettheme.com/forum/index.php?f=528&t=205815&rb_v=viewtopic
Here is a short 2 minute youtube video I put up showing the aberrant behavior in question to make it easy to understand what it is that I'm talking about.
http://youtu.be/Kl5zLNDHFhk
before visiting the site please read below or watch the youtube video so you'll understand what is going on and what I'm looking for.
Please visit this site FROM YOUR MOBILE PHONE:
sb25.xeiropraktiki.info
the site is offline so you can login with the following credentials:
username: visitor
password: visitor
Can you guys please read the post and test it out for me and let me know what happens.
Thanks,
Michael
http://www.rockettheme.com/forum/index.php?f=528&t=205815&rb_v=viewtopic
Here is a short 2 minute youtube video I put up showing the aberrant behavior in question to make it easy to understand what it is that I'm talking about.
http://youtu.be/Kl5zLNDHFhk
before visiting the site please read below or watch the youtube video so you'll understand what is going on and what I'm looking for.
Please visit this site FROM YOUR MOBILE PHONE:
sb25.xeiropraktiki.info
the site is offline so you can login with the following credentials:
username: visitor
password: visitor
Can you guys please read the post and test it out for me and let me know what happens.
Thanks,
Michael
I recently figured out a problem I was having with the Sliders plugin from NoNumber was due to some Rocket Theme extensions I had installed.
Here is a link to the extension:
http://www.nonumber.nl/extensions/sliders
The problem I was having was that when viewing a page using a mobile phone that utilized the NoNumber sliders plugin is that when scrolling up and down on the page, if I touched the title of one of the sliders, it would open automatically regardless of whether or not I touched and dragged the page a considerable distance before releasing. However this would not change the URL like what should happen if I had actually touched the slider and meant to open it. This is not the way it should function. After some considerable testing I figured out the Rocket Theme extensions causing the problem are RokBox, RokSprocket & RokGallery.
I started off by disabling all Rocket Theme plugins. Upon doing that the sliders plugin from NoNumber worked normally. Upon re-enabling them one by one I found that Rokbox caused the aberrant behavior on one site and that RokSprocket & RokGallery caused it on the other one.
I found it odd that RokSprocket & RokGallery would cause a problem on one and not the other. What I found out through testing is that the NoNumber sliders plugin is only affected if a RokSprocket or RokGallery module is published on the same page with sliders.
With Rokbox, I wasn't using it yet. I had just installed it on the 2nd site to start testing it out to see what I could do with it. So no modules or data were published using it. So just having RokBox enabled caused the glitch.
With RokSprocket and RokGallery, a RokSprocket or RokGallery module has to be published on the same page with sliders in order to cause the problem.
I thought I would add to this to help you guys understand what it is I'm referring to without having to set it up for yourselves.
Please visit this site FROM YOUR MOBILE PHONE:
sb25.xeiropraktiki.info
the site is offline so you can login with the following credentials:
username: visitor
password: visitor
This test site was set up using Joomla! 2.5.14 with the Gantry Template bundle 4.1.15
I installed RokSprocket v.2.0.2
The NoNumber extension manager v.4.2.2
NoNumber Sliders plugin v.3.2
NoNumber Tabs plugin v.3.2.5
The home page on the test site is blank, tap the mobile menu and choose FAQ 1. There you will see that the sliders plugin is working perfectly. If you touch one of the sliders titles, even one of the sub-slider titles, and do a tap and drag to scroll the screen up and down it will work normally, i.e. scroll the page without opening slider title you touched to scroll the page. The sliders will only open if tapped.
Now click on the mobile menu and choose FAQ 2. Here I have added a RokSprocket Module. If you try the above instructions you will notice that when you touch any of the titles by doing a tap and drag to scroll the screen that as soon as you release your finger from the screen the slider title you were touching will open. Also of note, when the sliders open in this way, is that the URL will not change as it would normally if you had actually tapped the slider to open it.
As I mentioned in my first post this aberrant behavior only happens with sliders on pages where a RokSprocket or RokGallery module are published. I only used RokSprocket here for the example.
Also, If RokBox is installed, irregardless if any RokBox modules are published, then it effects sliders globally across the site causing the aberrant behavior described above.
I have only tested this on 2 different iPhone 4S's one with iOS v6.1.3 & another with one with iOS v6.1.2 with the built in Safari browser as well as the Chrome browser. I do not have access to an Android phone for testing purposes.
I hope this helps you guys understand the problem better. Any solutions to fixing this would be greatly appreciated as I would love to keep using all of these extensions together.
Christian Sosa
Aug 26, 2013, 4:07:12 PM8/26/13
to gantry-framework...@googlegroups.com
why dont you use roksprocket lists and in each one of the article use {loadposition xx} load another roksproket lists module and style that module individually to have the desired look... I try to not leave from the rockettheme schema cause it can bring problems...
--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to
gantry-framework...@googlegroups.com
To unsubscribe from this group, send email to
gantry-framework-for-j...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
Gantry Framework Homepage: http://www.gantry-framework.org
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
--
CHRISTIAN SOSA
787-321-2111
----------------
CONFIDENTIALITY NOTE: This communication and any attachments here to contain information that may be privileged, confidential and exempt from disclosure under applicable law. The information is intended solely for the use of the individual or entity to which it is addressed. If you are not the intended recipient be aware that any disclosure, copying or distribution of this transmission is strictly prohibited. If you have received this communication in error please delete or destroy all copies and notify the sender immediately. In addition, although precautions have been taken to ensure that the data included herein is free from viruses or other malicious content, we cannot assure that such is indeed the case and disclaim any responsibility attributable thereto.
Michael
Aug 26, 2013, 4:24:14 PM8/26/13
to gantry-framework...@googlegroups.com, christia...@gmail.com
Thank you for looking.
Did you watch the video?
The use of the sliders isn't for articles as you would use RokSprocket. RokSprocket would be too much for a simple FAQ page. The Sliders plugin from NoNumber is an accordian style slider. Something you might use for frequently asked questions like what I did on the site.
I am also using the sliders on another site, not as a FAQ but as a mobile style quick menu. On that particular site I have set the class so this particular slider is only visible when viewed on phones. In each of the sliders there I have embedded a Module which shows when the slider is expanded such as Logging In, Directions, Contact information, etc...
You can see that in action here, again from your MOBILE phone:
http://www.DeltaSigmaChi.org
On that site the aberrant behavior, which I demonstrated in the youtube video listed above, is still active and not yet fixed because I have not yet decided what to do there. On a phone the RokSprocket module isn't seen because I've hidden it using the built in gantry classes.
Also, on that site, the aberrant behavior is only visible on the home page which has a RokSprocket module published and on the Photos page which has a RokGallery module published. On all the other pages the sliders work perfectly.
Did you watch the video?
The use of the sliders isn't for articles as you would use RokSprocket. RokSprocket would be too much for a simple FAQ page. The Sliders plugin from NoNumber is an accordian style slider. Something you might use for frequently asked questions like what I did on the site.
I am also using the sliders on another site, not as a FAQ but as a mobile style quick menu. On that particular site I have set the class so this particular slider is only visible when viewed on phones. In each of the sliders there I have embedded a Module which shows when the slider is expanded such as Logging In, Directions, Contact information, etc...
You can see that in action here, again from your MOBILE phone:
http://www.DeltaSigmaChi.org
On that site the aberrant behavior, which I demonstrated in the youtube video listed above, is still active and not yet fixed because I have not yet decided what to do there. On a phone the RokSprocket module isn't seen because I've hidden it using the built in gantry classes.
Also, on that site, the aberrant behavior is only visible on the home page which has a RokSprocket module published and on the Photos page which has a RokGallery module published. On all the other pages the sliders work perfectly.
To unsubscribe from this group, send email to
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
Gantry Framework Homepage: http://www.gantry-framework.org
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-joomla-users+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
christopher coleman
Aug 26, 2013, 7:22:28 PM8/26/13
to gantry-framework...@googlegroups.com
This aberrant behavior is probably caused by a jQuery (or javascript) conflict of some kind between nonumber and rocket theme code. Clashing assumptions and/or namespaces and/or global variables. Did you know you can emulate a phone browser - to get the web server to return the mobile version of your web page- by narrowing your browser window viewport to a very narrow number of pixels (try 320 to start - the width of the iPhone 3GS safari browser page) and/or by hitting a special option in the desktop version of Safari and/or a Firefox add-on (make browser output user agent "iPhone running mobile safari" etc... to the web server )? Are you aware of debugging javascript using firebug (a firefox add-on)
? Have your checked to make sure that there are no javascript errors on
the mobile version of your page ? You should...
Michael
Aug 27, 2013, 1:53:10 AM8/27/13
to gantry-framework...@googlegroups.com
Chris,
Thank you for replying but I have to ask if you even watched the video like I asked in the first post? The reason is because if you did you would know that resizing the browser window on a desktop computer wouldn't help here, unless you have a touch screen, because the problem is with Touch events. I don't have a touch screen computer hence the reason I'm asking for others to test it from their phones.
2nd, I wasn't asking anyone here to fix or find the problem for me. All I wanted was for some of you to watch the video where I demonstrate the aberrant behavior, then visit the site via your phone and report back here with whether or not it did the same thing on your phone. Again, this is necessary because I do not have a touch screen computer and I don't have a slew of phones to use to test.
lastly, I am aware of using firebug to look for errors on the page but I am not familiar with writing code to create extensions like RokSprocket, RokGallery or RokBox. The problem only occurs with those three as described in my first post. Also, I have been able to successfully reproduce the problem on multiple different sites. The test site in question is a fresh install of Joomla 2.5.14 with Gantry 4.1.15. The only additional content in question on the site is the slider and the RokSprocket module.
Again, I believe had you read what I wrote in my first post & watched the video and visited the site like I asked you would have realized all of this and wouldn't have posted what you did. You would also have seen that there is nothing else on the site except a slider and RokSprocket. The problem clearly lies with the Rocket Theme extensions RokSprocket, RokGallery & RokBox. I'm just looking for more information as to what phones and browsers are affected by this.
Thank you for replying but I have to ask if you even watched the video like I asked in the first post? The reason is because if you did you would know that resizing the browser window on a desktop computer wouldn't help here, unless you have a touch screen, because the problem is with Touch events. I don't have a touch screen computer hence the reason I'm asking for others to test it from their phones.
2nd, I wasn't asking anyone here to fix or find the problem for me. All I wanted was for some of you to watch the video where I demonstrate the aberrant behavior, then visit the site via your phone and report back here with whether or not it did the same thing on your phone. Again, this is necessary because I do not have a touch screen computer and I don't have a slew of phones to use to test.
lastly, I am aware of using firebug to look for errors on the page but I am not familiar with writing code to create extensions like RokSprocket, RokGallery or RokBox. The problem only occurs with those three as described in my first post. Also, I have been able to successfully reproduce the problem on multiple different sites. The test site in question is a fresh install of Joomla 2.5.14 with Gantry 4.1.15. The only additional content in question on the site is the slider and the RokSprocket module.
Again, I believe had you read what I wrote in my first post & watched the video and visited the site like I asked you would have realized all of this and wouldn't have posted what you did. You would also have seen that there is nothing else on the site except a slider and RokSprocket. The problem clearly lies with the Rocket Theme extensions RokSprocket, RokGallery & RokBox. I'm just looking for more information as to what phones and browsers are affected by this.
Michael
Aug 27, 2013, 2:28:32 AM8/27/13
to gantry-framework...@googlegroups.com, christia...@gmail.com
Christian,
Thank you for pointing that out. That is very helpful and actually makes a lot of sense with the problem I'm seeing here. Maybe the code RT added for touch gestures is bleeding over and inadvertently affecting other components. I'll also mention this to Peter over at NoNumber and see what he says. I'm waiting on a reply from RT over on their extension forum so hopefully I'll hear something from them soon as well.
Just to be clear for everyone here. The reason I made the video demonstrating the aberrant behavior and even posted my request for help here is because the first response I got back from RocketTheme support was that the slider was working perfectly and they didn't see anything wrong. Clearly there is a problem and they were unable to recognize it being unfamiliar with the NoNumber slider plugin. They said they visited the site with the Safari browser on an iPhone 4s with the latest version of iOS. I have tested the problem on 2 different iPhones and got the same result as what I posted in the video. So I made the video to demonstrate exactly what the problem is because of their response and to prevent others from mistaking the aberrant behavior for normal behavior.
regards,
Michael
On Monday, August 27, 2013 11:07:12 PM UTC+3, Christian Sosa wrote:
Thank you for pointing that out. That is very helpful and actually makes a lot of sense with the problem I'm seeing here. Maybe the code RT added for touch gestures is bleeding over and inadvertently affecting other components. I'll also mention this to Peter over at NoNumber and see what he says. I'm waiting on a reply from RT over on their extension forum so hopefully I'll hear something from them soon as well.
Just to be clear for everyone here. The reason I made the video demonstrating the aberrant behavior and even posted my request for help here is because the first response I got back from RocketTheme support was that the slider was working perfectly and they didn't see anything wrong. Clearly there is a problem and they were unable to recognize it being unfamiliar with the NoNumber slider plugin. They said they visited the site with the Safari browser on an iPhone 4s with the latest version of iOS. I have tested the problem on 2 different iPhones and got the same result as what I posted in the video. So I made the video to demonstrate exactly what the problem is because of their response and to prevent others from mistaking the aberrant behavior for normal behavior.
regards,
Michael
On Monday, August 27, 2013 11:07:12 PM UTC+3, Christian Sosa wrote:
maybe enabling the roksproket with your plugin causes that problem. idk that's my best guessYes I saw it, I understand that could be too much for the FAQ, but basically both do the same. The bad thing about RS is that will require a Lil of CSS to get the looks... my suggestion if you can achieve the same results with Rockettheme, do it with them.But what I think the problem is that a while ago Rockettheme added gestures to their components so when you are using a tablet or a mobile phone it has more flow and you can swipe with your finger like you did, check this post: http://www.rockettheme.com/blog/team/1555-responsive-design-rocketthemes-extensions
To unsubscribe from this group, send email to
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
Gantry Framework Homepage: http://www.gantry-framework.org
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-joomla-users+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
christopher coleman
Aug 27, 2013, 12:11:30 PM8/27/13
to gantry-framework...@googlegroups.com
Hi Michael,
I tried your test site from the iphone 4 safari browser, and got the same aberrant behavior as you got. "Faq 2" malfunctions - it seems like the nonumber slider mistakenly receives the "touch" part of the "swipe the entire page up so I can scroll down" event, and carries out the "open up the slider and show the contents" action.
Here is a great Firefox extension that lets you emulate touch/swipe/multi touch/ multiswipe events from the desktop version of Firefox browser. So you don't need to own 3-4 different touchscreen smartphones for testing. https://addons.mozilla.org/en-us/firefox/addon/touch-enabler/?src=search
You should file a bug report with the NoNumber guy Michael, and see if he can help pinpoint the source of the bug. He's probably setup to deal with pinpointing what's going on with the jQuery touch events. It might be a bug in his code, or it might be in the rocket theme code, or it might be a clashing assumption between the two, due to no standards exist when it comes to processing the touch events when multiple vendors' extensions listen for the same touch events.
I tried your test site from the iphone 4 safari browser, and got the same aberrant behavior as you got. "Faq 2" malfunctions - it seems like the nonumber slider mistakenly receives the "touch" part of the "swipe the entire page up so I can scroll down" event, and carries out the "open up the slider and show the contents" action.
Here is a great Firefox extension that lets you emulate touch/swipe/multi touch/ multiswipe events from the desktop version of Firefox browser. So you don't need to own 3-4 different touchscreen smartphones for testing. https://addons.mozilla.org/en-us/firefox/addon/touch-enabler/?src=search
You should file a bug report with the NoNumber guy Michael, and see if he can help pinpoint the source of the bug. He's probably setup to deal with pinpointing what's going on with the jQuery touch events. It might be a bug in his code, or it might be in the rocket theme code, or it might be a clashing assumption between the two, due to no standards exist when it comes to processing the touch events when multiple vendors' extensions listen for the same touch events.
Michael
Aug 27, 2013, 1:01:29 PM8/27/13
to gantry-framework...@googlegroups.com
Christopher,
Thank you for testing it! I appreciate it very much! I have updated a post I started a while ago over on the NoNumber forum.
Also, Thank you for the firefox addon suggestion. I will definitely give that a try. I have a couple of friends use their phones to try things out but they aren't always available and it makes things difficult at the best of times.
Thank you again for your feedback and have a great day!
Thank you for testing it! I appreciate it very much! I have updated a post I started a while ago over on the NoNumber forum.
Also, Thank you for the firefox addon suggestion. I will definitely give that a try. I have a couple of friends use their phones to try things out but they aren't always available and it makes things difficult at the best of times.
Thank you again for your feedback and have a great day!
Michael
Aug 27, 2013, 1:04:23 PM8/27/13
to gantry-framework...@googlegroups.com
Quick update, I just tried installing the addon for firefox you suggested and it isn't compatible with Firefox v.23.0.1 which I'm running :(
Do you, or anyone else, know of another addon or app that can simulate touch events?
Do you, or anyone else, know of another addon or app that can simulate touch events?
On Tuesday, August 27, 2013 7:11:30 PM UTC+3, christopher coleman wrote:
christopher coleman
Aug 27, 2013, 1:08:37 PM8/27/13
to gantry-framework...@googlegroups.com
Welcome.
One thing that's real nice about using one vendor's extensions is...
You get "one neck to squeeze" when things malfunction...
In a mission critical environment, you definitely want "one neck to squeeze" - to prevent fingerpointing (human nature) between the vendors, while it stays broken...
One thing that's real nice about using one vendor's extensions is...
You get "one neck to squeeze" when things malfunction...
In a mission critical environment, you definitely want "one neck to squeeze" - to prevent fingerpointing (human nature) between the vendors, while it stays broken...
christopher coleman
Aug 27, 2013, 1:10:08 PM8/27/13
to gantry-framework...@googlegroups.com
Nope. Looks like your only option is to install an old version of FF 10 or 15 or 20 and test with that. You may be able to have multiple versions installed at the same time on your pc.
Michael
Aug 27, 2013, 1:12:54 PM8/27/13
to gantry-framework...@googlegroups.com
OK, Well I have VMWare so I'll just setup a an OS with a previous version of FF to test this stuff out with.
Thanks again!
Thanks again!
Michael
Sep 6, 2013, 10:22:10 AM9/6/13
to gantry-framework...@googlegroups.com
I wanted to update this to let everyone know I heard back from Rocket Theme support and this was their reply:
They did not mention RokBox in their reply so I sent another email asking them about that specifically as well. If I end up hearing more then I will update this thread.
regards,
Michael
"It is a bug we are aware of, but for the time being, the only way to fix it is by removing the mootools-mobile.js script from RokSprocket and RokGallery. However, you will lose the swiping effect."
They did not mention RokBox in their reply so I sent another email asking them about that specifically as well. If I end up hearing more then I will update this thread.
regards,
Michael
Reply all
Reply to author
Forward
0 new messages