jScrollPane sticking scrollbar problem with Drupal - drupal

I have a Drupal site using jScrollPane that has a problem with the scrollbar dragger. When you single click on the scrollbar dragger it will not release the cursor's hold on the dragger until you double-click elsewhere on the page. An example can be seen here: http://webdev2.msi.ucsb.edu/lunch . Thanks in advance!

It looks like you already got your answer elsewhere, mollybt, but for the record, this issue appears to arise from the fact that the jScrollPane plugin requires jQuery 1.4+, whereas Drupal 6 ships with jQuery 1.2.6. Apparently some folks have had success patching the library for backward compatibility, but the easier solutions are to 1) downgrade to jScrollPane 1.x or 2) upgrade jQuery to 1.4+ (using the jQuery Update module for Drupal, for example).

Related

Full Calendar 5.6.0 and Bootstrap 5

we are using Full Calendar on a webtie that uses Bootstrap in the Version 5 Beta.
I realized that the bootstrap theme for FullCalendar is made for Bootstrap 4, and is not fully compatible with Bootstrap 5.
Example of the implementation is here:
https://dev.swingstep.net/classes/heidelberg/heidelberg-calendar/
Eg:
Table borders are not recognized (maybe because there is a table inside a table?)
The modal "close" button is not working, though that also happens when I switch to standard theme, so maybe not bootstrap related.
Has anyone else encounterered this incompatibility - what would be the best way to go about it?
Is there a Bootstrap 5-ready version of the plugin on its way?
Best wishes, Oli

Bootstrap Accordion Viciously Sliding Around When Integrated into CMS

My developer added my style changes for a quick mobile version of a site since the deadline is so tight. I built it static and gave to him to implement into the CMS.
Well now the design is angry and I can't find why. I think something is going on with the CSS, my dev thinks it might be something with jQuery UI.
THE LINK (our staging area)
It's responsive so when you shrink the site down, my mobile build appears. The trouble comes when you start to click on Entertainment/Stay & Play/Dining/Gaming tiles. They're a very weird sliding around of these things and I can't lock down where the issue is coming from.
Anyone have any ideas on what's up?
jQuery UI's accordion and Bootstrap's accordion may be in conflict - in which case, you can make sure that jQuery UI Accordion isn't being included in the website, or download a special version of jQuery UI which is designed to not conflict with Bootstrap.

CSS framework for beginner (old browsers)

Sorry for the silly question but I've been looking around on the internet all afternoon with not much success due to the many many frameworks out there (too many).
I am a java web developer who normally doesn't deal with CSS. At my company we have to support ie6 for some stupid reason. I'm looking for a css framework I can use that will get me up and running quickly with some buttons, menu's and layouts and I don't want to just dload any old web template. Would be nice if I took the opportunity to set up the css myself.
Can anyone suggest some good tools/frameworks that will get me up and running quickly? I can't use bootstrap because it does not look compatible with ie6.
If you wish to build a website which is compatible with IE 6 (This is end month of 2013 where it has ie 11) I recommend using YAML http://www.yaml.de/ . It has clear documentation with examples. You can also use http://www.cascade-framework.com/ which has minimum CSS which required for a website/web application development. Also, YUI you can use http://yuilibrary.com/yui/environments/ .
Hope it helps.
sorry i don't use any css framewrok supported IE6,but i think older versions of some css framework may support IE6 like http://www.blueprintcss.org you can try.
Try Cascade Framework. It's about as feature rich as Bootstrap and has a grid system more flexible than any other grid systems around.

MVC 4 mobile styles stopped working after script update

I'm trying to learn ASP.NET MVC programming. I've been using default MVC 4 mobile application template for my experiments. At some point I've decided to update the scripts to their latest versions (from 1.1.1 to 1.2.0 in case of jquery-mobile). For some reason the styling of the page is now gone. I know that this has nothing to do with my changes since I'm pretty much made none, so it has to be solely due to update. I was wondering if someone could point out to me what should I look at in order to figure out this problem, because honestly, at the moment I'm completely lost and don't even have a clue where to start looking or how to "debug" these kinds of problems. There's just too many "magic strings" in this template for me to wrap my head around.
Oh, just use lower jQuery version.
jQuery Mobile 1.2 dont work with jQuery 1.9.1 and above. They have locked 1.2 to use jQuery versions from 1.6.4 up to 1.8.2.
Proof :
Take a look at this jsFiddle example: http://jsfiddle.net/Gajotres/yWTG2/, change jQuery version in top left corner and see a difference. Don't forge to run it after change.
With version 1.9.1. you will get something like this:
First Page
Next
Second Page
Back

Ajax toolkit Tab Control does not work in Firefox?

I am using Tab control of ajax tool kit and it is working fine in IE but tabs are not being displayed in FF. I googled and found some other people had this issue. Any solution please ?
Have you checked CodePlex to insure you are using the most recent version?
Also i would recommend switching to a jquery(ui) based altenative, since it's probably more robust and cross browser proof.

Resources