ehynds/jquery-ui-multiselect-widget — Issue #225: Problem if site is a subsite (as opposed to root site)
Author: mikelane2
Created: 2012-02-21 19:06:19+00:00
State: open

Very impressive widget. However, I am having a problem using it on a subsite. I am using it on the main site (root folder) with no problem. However, the same exact pages, jquery and script files in a sub site (sub folder) don't seem to work 100% properly.

I have a main site, and then for our foreign customers in Malaysia, we have a subsite in a sub folder (for example, www.mysite.com as the main site and www.mysite.com/my as the sub site). I copied the entire site from 'mysite.com' to 'mysite.com/my'. Everything works except the problem with the multiselect widget.

The first problem is: some of the CSS or code doesn't seem to work properly. First of all, when the page loads, the menu appears on the left bottom of the page until I click on the multiselect and then click off of it to close it (then the menu disapears from the bottom of the page). If there are hundreds of items in the menu, then the page can be quite long. I solved this problem by adding this to the end of the script that creates the widget: "$("#customSelectList").multiselect("close");". So this part of the problem is solved.

However, the second problem is the menu that appears when you click the widget is not applying the CSS properly. The colors are correct, but the background is transparent between each line of text of the menu items and the "Check all" and "Uncheck all" aren't as prettly as it is in the main site (same exact files, etc.). ALSO: the multiselect scrollbar doesn't appear (the whole page expands and you have to scroll the page instead of just scrolling in the multiselect). The rollover effect works and the text background is the correct color, but the gaps between the lines of text are transparent (page's background shows).

I am using the filter addin.

Like I said, the sub site is an exact duplicate of the main site, except it is in a folder named '/my' instead of the root folder. I even tried copying the entire site back from the sub site ('/my)' to the root (the main site), and it still works properly in the root site with the same exact files, so I suspect that there is something in one of the jquery scripts that assumes something else is in the root and not in a sub folder?

Anyway, our US customers are very impressed with your widget in the main site.

If anybody else has this problem or knows a cure, could you update me?