UIPopup problem within scrollview

[devomage]

i have a drag-able scrollview (with grid) that i am using for a properties list.

the popup menu in UIPopup definitely does not behave correctly while in a scrollview.  not just near the bottom/top, etc.

the screenshot shows near the bottom of the scrollview.  the popup has about a dozen items and only the top few show.

i can give more details if needed but this should be easily re-created.  please fix!

[devomage]

in this case, the popup menu is not even showing up.

ill make a side project and attach.

[devomage]

attached is a property grid example NGUI-style!

i just started on it today - its clunky, beware...

- import the package in a new project
- import the latest version of NGUI

- i made the grid quite a bit larger than the above screenshots to ensure sizing was not an issue.

[ArenMook]

If you have a popup list inside a scroll view, you won't want to attach UIPopupList to all the items inside. It would be way too much overhead, and the list will get clipped by the scroll view's boundaries, which is not what you want. Instead, create a popup list that uses its own panel that lies on top of your scroll view. When clicking on an item, show this generic popup list instead. I did this in Windward and greatly simplified my UI in the process.

For example:

1. void OnClick ()
2. {
3.         UIPopupList popup = UIGameWindow.popupList; // <-- this is my generic, statically available popup list
4.         popup.Clear();
5.         popup.AddItem(Localization.Get("Dismiss"), "Dismiss");
6.         EventDelegate.Set(popup.onChange, delegate() { ai.followTarget = null; });
7.         popup.Show();
8. }

[devomage]

this is working very nice!

is there an easy way to position the uipopuplist on the object that was clicked to open it?

[ArenMook]

You need to set the popup list to open on "Manual", and it will automatically reposition itself when you do a Show().

[devomage]

working nicely!  thanks!

im not seeing an easy way to get at the bbcode toggle when using the above setup...

smiley's bad!

[ArenMook]

Put a space between 1: and D, or remove this smiley from the font.

[devomage]

the above solution works great if the popuplist only has a few (less than 10 or so) items.

what about when the popuplist exceeds the height of the screen?

i'm assuming a scrollable popuplist?  is there one of those handy?

too bad there isnt "max items" and then the popuplist goes to scroll-mode.

[ArenMook]

From a UI design perspective if you end up with a popup list so long it has to scroll, you really should rethink what you are doing... This is the one reason I never added it, although there have been users who created their own scrollable lists in the past. It's pretty simple. Instead of using UIPopupList, show a scroll view that you will populate just before opening it. Works best when the scroll view is already set up as you need it to be, just happens to be hidden or disabled before you show it.

[devomage]

From a UI design perspective if you end up with a popup list so long it has to scroll, you really should rethink what you are doing... This is the one reason I never added it, although there have been users who created their own scrollable lists in the past. It's pretty simple. Instead of using UIPopupList, show a scroll view that you will populate just before opening it. Works best when the scroll view is already set up as you need it to be, just happens to be hidden or disabled before you show it.

"From a UI design perspective", how would you deal with large lists (20-200 items)?

i came up with a scrollable list that works...  but wouldnt mind it being a bit more elegant.

[ArenMook]

I wouldn't use a popup for them. I'd just make a scroll view.

[devomage]

i noticed the endless scrollview might be useful for this.  appreciate the advice!