drupal-6.10
views-6.x-2.5
jquery.ui-1.6 http://code.google.com/p/jquery-ui/

garland.info
scripts[] = ui.core.js

The inclusion of ui.core.js in my theme.info causes a weird Views UI tabs behavior (screenshot)

CommentFileSizeAuthor
#5 sshot-1.png126.72 KBlisa.lite
#5 sshot-2.png112.64 KBlisa.lite
#5 sshot-3.png111.59 KBlisa.lite
#5 sshot-4.png127.66 KBlisa.lite
#5 ui.core-1.6.js.txt307 byteslisa.lite
#5 ui.core-1.7.1.js.txt321 byteslisa.lite
edit_view_frontpage_localhost.png122.35 KBlisa.lite

Comments

dawehner’s picture

dawehner
Primary language German
commented

could you please try out http://drupal.org/project/jquery_ui

its better to use such modules, they perhaps do some stuff to solve this issue.

there should be a firebug error, because the js broke anywhere and don't hide the displays anymore.

dropcube’s picture

dropcube commented
Status: Active » Postponed (maintainer needs more info)
lisa.lite’s picture

lisa.lite commented
Status: Postponed (maintainer needs more info) » Active

the original post including the screenshot contains an accurate and reproducible description of the problem.
if you set the status to postponed (maintainer needs more info) it would be nice to know what kind of additional information is required.

merlinofchaos’s picture

merlinofchaos commented
Status: Active » Postponed (maintainer needs more info)

could you please try out http://drupal.org/project/jquery_ui

there should be a firebug error, because the js broke anywhere and don't hide the displays anymore.

Maybe the last one is a little terse and hard to understand, but there are instructions there...

First, though, I'm going to say that if jquery UI 1.6 breaks Views, then don't add it. Or use a different administrative theme, because you don't need it when using Views. Second, did you try the jquery ui module? If not, why did you choose to ignore this request?

lisa.lite’s picture

lisa.lite commented
Version: 6.x-2.x-dev » 6.x-2.5
Assigned: WorldFallz » Unassigned
Status: Closed (cannot reproduce) » Postponed (maintainer needs more info)
StatusFileSize
new ui.core-1.7.1.js.txt321 bytes
new ui.core-1.6.js.txt307 bytes
new sshot-4.png127.66 KB
new sshot-3.png111.59 KB
new sshot-2.png112.64 KB
new sshot-1.png126.72 KB

drupal-6.12
views-6.x-2.5
jquery.ui-1.6 http://code.google.com/p/jquery-ui/

garland.info
scripts[] = ui.core.js

Firefox 3.0.6
Firebug 1.3.3

The inclusion of ui.core.js in garland.info causes the Views UI tabs to be expanded (sshot-1.png)
The Firebug console does not report any javascript errors (sshot-2.png)



drupal-6.12
views-6.x-2.5
jquery.ui-1.6 http://code.google.com/p/jquery-ui/
jquery_ui-6.x-1.2
jquery_update-6.x-1.1

The inclusion of ui.core.min.js in a custom block via jquery_ui-6.x-1.2, jquery_update-6.x-1.1
and the function <?php jquery_ui_add(array('ui.draggable', 'ui.droppable', 'ui.sortable')); ?> (sshot-3.png)
produces the same effect (sshot-4.png)



jquery.ui-1.6 http://code.google.com/p/jquery-ui/
jquery-ui-1.7.1 http://code.google.com/p/jquery-ui/

The comparison of jquery.ui-1.6 and jquery-ui-1.7.1 yields the following result:
ui.core-1.6.js causes the Views UI tabs to be expanded (sshot-1.png)
ui.core-1.7.1.js has no unintended sideeffect on the Views UI tabs

I tried to localise the problem by removing parts of ui.core.js (ui.core-1.6.js.txt, ui.core-1.7.1.js.txt)

ui.core-1.6.js
;(function($) {

ui.core-1.7.1.js
;jQuery.ui || (function($) {

The ui.core-1.6.js init function seems to be related to the Views UI tab behavior.
Im not sure if the problem is caused by ui.core-1.6.js or the Views UI tab javascript implemetation.

markus_petrux’s picture

markus_petrux commented

IIRC, jQuery UI 1.6 is supposed to be the new stable release of jQuery UI for jQuery 1.2.x. But the problem is this requires jquery_update module, and maybe this introduces some kind of incompatibility when jQuery UI 1.6 is installed due to changes in modules to adding backward support for jQuery UI 1.5.x, but also forward support for jQuery UI 1.7.x.

jQuery UI 1.6 is pretty new and I think jQuery UI 1.5.x and jQuery UI 1.7.x have been under more tests and reviews by Drupal module authors.

I would suggest trying latest -dev version of jquery_update module, that upgrades Drupal to jQuery 1.3, and then you can use jquery_ui module with jQuery UI 1.7.x. And maybe this can avoid having to review all code dependent on jQuery for compatibility with jQuery UI 1.6, so maybe we can jump from jQuery UI 1.5 to jQuery UI 1.7.

esmerel’s picture

esmerel commented
Status: Postponed (maintainer needs more info) » Active
miniwebs2’s picture

miniwebs2 commented

Just about to delve into jquery - now I'm REALLY confused!! Which is the latest and most stable version that the likes of me should go for straight up without falling into any problems? Drupal v6.

jaarong’s picture

jaarong commented

Good luck figuring that out kaybee. I haven't been able to yet. Enabling jquery UI degrades Views into the non-AJAX version for me. I haven't found instructions on how to make the two play nice together yet.

dawehner’s picture

dawehner
Primary language German
commented
Version: 6.x-2.5 » 6.x-2.11

There was some patches for views ui.

Could you check whether the views ui works on 2.11?
This would be cool

safetypin’s picture

safetypin
Location Memphis, Tennessee
commented

As far as I can tell, jquery_update (v1.1) breaks the UI completely. I found this thread trying to see if there was anything to do about it. I thought after reading this thread that installing jquery_ui (v1.3) might fix the issue, but it doesn't. I'm running Drupal 6.19, with MySQL 5, PHP 5.2. The error message is unintelligible to me, it's a long list that appears to be the entire output of the ajax call.

The page at http://mnfp.example.com says:An error occurred at /admin/build/views/ajax/display/appraiser/default/style_plugin.

Error Description: { &quot;display&quot;: &quot;\x3cform action=\&quot;/admin/build/views/ajax/display/appraiser/default/style_plugin\&quot;  accept-charset=\&quot;UTF-8\&quot; method=\&quot;post\&quot; id=\&quot;views-ui-edit-display-form\&quot;\x3e\n\x3cdiv\x3e\x3cdiv class=\&quot;form-item\&quot;\x3e\n \x3cdiv class=\&quot;form-radios\&quot;\x3e\x3cdiv class=\&quot;form-item\&quot; id=\&quot;edit-style-plugin-gmap-wrapper\&quot;\x3e\n \x3clabel class=\&quot;option\&quot; for=\&quot;edit-style-plugin-gmap\&quot;\x3e\x3cinput type=\&quot;radio\&quot; id=\&quot;edit-style-plugin-gmap\&quot; name=\&quot;style_plugin\&quot; value=\&quot;gmap\&quot;   class=\&quot;form-radio\&quot; /\x3e GMap\x3c/label\x3e\n\x3c/div\x3e\n\x3cdiv class=\&quot;form-item\&quot; id=\&quot;edit-style-plugin-grid-wrapper\&quot;\x3e\n \x3clabel class=\&quot;option\&quot; for=\&quot;edit-style-plugin-grid\&quot;\x3e\x3cinput type=\&quot;radio\&quot; id=\&quot;edit-style-plugin-grid\&quot; name=\&quot;style_plugin\&quot; value=\&quot;grid\&quot;   class=\&quot;form-radio\&quot; /\x3e Grid\x3c/label\x3e\n\x3c/div\x3e\n\x3cdiv class=\&quot;form-item\&quot; id=\&quot;edit-style-plugin-list-wrapper\&quot;\x3e\n \x3clabel class=\&quot;option\&quot; for=\&quot;edit-style-plugin-list\&quot;\x3e\x3cinput type=\&quot;radio\&quot; id=\&quot;edit-style-plugin-list\&quot; name=\&quot;style_plugin\&quot; value=\&quot;list\&quot;   class=\&quot;form-radio\&quot; /\x3e HTML List\x3c/label\x3e\n\x3c/div\x3e\n\x3cdiv class=\&quot;form-item\&quot; id=\&quot;edit-style-plugin-table-wrapper\&quot;\x3e\n \x3clabel class=\&quot;option\&quot; for=\&quot;edit-style-plugin-table\&quot;\x3e\x3cinput type=\&quot;radio\&quot; id=\&quot;edit-style-plugin-table\&quot; name=\&quot;style_plugin\&quot; value=\&quot;table\&quot;   class=\&quot;form-radio\&quot; /\x3e Table\x3c/label\x3e\n\x3c/div\x3e\n\x3cdiv class=\&quot;form-item\&quot; id=\&quot;edit-style-plugin-default-wrapper\&quot;\x3e\n \x3clabel class=\&quot;option\&quot; for=\&quot;edit-style-plugin-default\&quot;\x3e\x3cinput type=\&quot;radio\&quot; id=\&quot;edit-style-plugin-default\&quot; name=\&quot;style_plugin\&quot; value=\&quot;default\&quot;  checked=\&quot;checked\&quot;  class=\&quot;form-radio\&quot; /\x3e Unformatted\x3c/label\x3e\n\x3c/div\x3e\n\x3cdiv class=\&quot;form-item\&quot; id=\&quot;edit-style-plugin-viewscarousel-wrapper\&quot;\x3e\n \x3clabel class=\&quot;option\&quot; for=\&quot;edit-style-plugin-viewscarousel\&quot;\x3e\x3cinput type=\&quot;radio\&quot; id=\&quot;edit-style-plugin-viewscarousel\&quot; name=\&quot;style_plugin\&quot; value=\&quot;viewscarousel\&quot;   class=\&quot;form-radio\&quot; /\x3e Views Carousel\x3c/label\x3e\n\x3c/div\x3e\n\x3c/div\x3e\n \x3cdiv class=\&quot;description\&quot;\x3eIf the style you choose has settings, be sure to click the settings button that will appear next to it in the View summary.\x3c/div\x3e\n\x3c/div\x3e\n\x3cdiv class=\&quot;form-item description\&quot;\x3eYou may also adjust the \x3ca href=\&quot;/admin/build/views/nojs/display/appraiser/default/style_options\&quot; class=\&quot;views-ajax-link \&quot; title=\&quot;settings\&quot;\x3esettings\x3c/a\x3e for the currently selected style by clicking on the icon.\x3c/div\x3e\x3cdiv class=\&quot;clear-block\&quot;\x3e\x3cdiv class=\&quot;form-buttons\&quot;\x3e\x3cinput type=\&quot;submit\&quot; name=\&quot;op\&quot; id=\&quot;edit-submit\&quot; value=\&quot;Update\&quot;  class=\&quot;form-submit\&quot; /\x3e\n\x3cinput type=\&quot;submit\&quot; name=\&quot;op\&quot; id=\&quot;edit-cancel\&quot; value=\&quot;Cancel\&quot;  class=\&quot;form-submit\&quot; /\x3e\n\x3c/div\x3e\x3c/div\x3e\x3cinput type=\&quot;hidden\&quot; name=\&quot;form_build_id\&quot; id=\&quot;form-0889b7aa24d55425bee6b143171d2674\&quot; value=\&quot;form-0889b7aa24d55425bee6b143171d2674\&quot;  /\x3e\n\x3cinput type=\&quot;hidden\&quot; name=\&quot;form_token\&quot; id=\&quot;edit-views-ui-edit-display-form-form-token\&quot; value=\&quot;82d87c1da1b8ad1d42ea4db6e70fbbca\&quot;  /\x3e\n\x3cinput type=\&quot;hidden\&quot; name=\&quot;form_id\&quot; id=\&quot;edit-views-ui-edit-display-form\&quot; value=\&quot;views_ui_edit_display_form\&quot;  /\x3e\n\n\x3c/div\x3e\x3c/form\x3e\n&quot;, &quot;title&quot;: &quot;\x3ca href=\&quot;/help/views/style?popup=1\&quot; class=\&quot;advanced-help-link\&quot; onclick=\&quot;var w=window.open(this.href, \x26#039;advanced_help_window\x26#039;, \x26#039;width=500,height=500,scrollbars,resizable\x26#039;); w.focus(); return false;\&quot; title=\&quot;Output styles (View styles)\&quot;\x3e\x3cspan\x3eHelp\x3c/span\x3e\x3c/a\x3eDefaults: How should this view be styled&quot;, &quot;url&quot;: &quot;http://mnfp.example.com/admin/build/views/ajax/display/appraiser/default/style_plugin&quot;, &quot;js&quot;: null, &quot;hilite&quot;: &quot;.views-item-default-style-plugin&quot; }
merlinofchaos’s picture

merlinofchaos commented

Your problem is probably solved by http://drupal.org/node/479368 -- which is a patch to Drupal core.

WorldFallz’s picture

WorldFallz commented
Version: 6.x-2.11 » 6.x-2.x-dev
Assigned: Unassigned » WorldFallz
Status: Active » Postponed (maintainer needs more info)

I cannot reproduce this using the following on a fresh install:

D6: current dev, garland theme
jquery_update: current 2.x dev with jquery 1.3.2
jquery_ui: current 1.x dev with jquery.ui 1.7.3
views: either 2.x dev or 3.x dev

Please try that setup and see if the problem persists.

1timer’s picture

1timer commented

sub

esmerel’s picture

esmerel commented
Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)

no activity for 30 days

Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)

Correcting issue status, see #2125263: Issue status not taken from last comment during D7 migration.