nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

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!

Find more posts tagged with

Comments

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