Choosing from popular tags in Share

[dwinfield]

I tried searching for this, but did not have much luck (terms I used was "popular tags").

In my site, we've been using the links section a lot (to sort of get us off of using delicious).  However there's a problem when choosing a popular tag from a site when you edit the content in a popup window.  An example of those popups are when creating a new event in the calendar or editing the meta data directly on the document library page.

If the list of tags takes up enough room so that you're sorta caught in an endless loop of scrolling down.  Here is an example of what I mean (i didn't embed the image because it made the post very large).

http://imgur.com/ZdKDi.jpg

When you scroll down, the popup scrolls down as well.  So you can never hit ok/cancel (or for that matter try to NOT choose from popular tags).  The only way I know to get out of this, as a user, is to hold down ctrl and - to shrink the page smaller and smaller, hit "ok" or "cancel" and pray that doesn't happen again.

Versioning, I'm at 3.2 community edition.

Edit:  I really like the tag selector found on the full page of editing the metadata.  Especially because it handles hierarchy.  Nice work!

[mikeh]

Hi

Thanks for the detailed report. I agree it needs fixing and have raised a JIRA ticket here: https://issues.alfresco.com/jira/browse/ETHREEOH-2654

I'll either limit the height of the popular tags in a vertically scrollable panel, or limit the number of tags themselves - currently I'm favouring the first option.

Thanks,
Mike

[dwinfield]

Hey mike, thanks for taking the time to look into this.  I mentioned this in the original post, but I wanted to point out this happens anywhere there's a popup for editing/creating content.

The only other example I can think of off the top of my head is when adding a new calender item.  I'm sure you know of others, if they exist.

[toml]

Hi,

Can be fixed by extending simple-dialog.js:

/* make draggable and disable fixedcenter*/
this.dialog = new YAHOO.widget.Panel(dialogDiv,
         {
            modal: true,
            draggable: true,
            fixedcenter: false,
            constraintoviewport: true,
            close: true,
            visible: false,
            width: this.options.width
         });
         
         this.dialog.render(document.body);
         /* Add next line to cope with loss of fixedcenter= true */
         this.dialog.center();‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Cheers,
tom

[dwinfield]

tom, thanks for pointing me in the right direction.

Really what I ended up doing was having

this.dialog = new YAHOO.widget.Panel(dialogDiv,
         {
            modal: true,
            draggable: false,
            fixedcenter: "contained",
            close: true,
            visible: false,
            width: this.options.width
         });
‍‍‍‍‍‍‍‍‍‍‍

having the fixed center be contained, made it start out by being in the center of the screen.  then when it grew too big, you can scroll down normally.  This isn't quite the same as just putting a scrollbar around the tags, but it accomplished what I wanted.

I made this change in simple-dialog.js like you suggested.  But I also changed  slingshot/source/web/modules/documentlibrary/details.js