Discussion Forums  >  Plugins, Customizing, Source Code

Replies: 3    Views: 67

MDG2
Apple Fan
Profile
Posts: 102
Reg: May 08, 2012
Princeton, New ...
5,020
07/13/12 09:51 AM (13 years ago)

Fitting thumbnail icons into a rounded corner Menu List

Does anybody know how to implement icons to fit into a rounded corner Menu List? BTW, I'm on the self BT 2.0 self hosting server. Here is the example: https://www.dropbox.com/s/ehtyyzffbl186zf/rounded_corner.jpg Thanks in advance, -Vince
 
GoNorthWest
buzztouch Evangelist
Profile
Posts: 8197
Reg: Jun 24, 2011
Oro Valley, AZ
1,000,000
like
07/13/12 02:15 PM (13 years ago)
I'm thinking it's actually the default behavior when you put an icon into a menu list, and you set the corners of the menu list to be rounded. I've not tried it, but it would make sense that it would work that way. I expect you already know how to set an icon for a menu list item, and how to round the menu list? The icon is specified in the menu list item itself, and the rounding in the Advanced Properties for the menu list. Mark
 
GoNorthWest
buzztouch Evangelist
Profile
Posts: 8197
Reg: Jun 24, 2011
Oro Valley, AZ
1,000,000
like
07/13/12 10:53 PM (13 years ago)
Hi Vince, I tried messing with the code that I suggested to you, and it didn't do the trick. Still working on it! Mark
 
David @ buzztouch
buzztouch Evangelist
Profile
Posts: 6866
Reg: Jan 01, 2010
Monterey, CA
78,840
like
07/14/12 01:10 AM (13 years ago)
Hi guys.. For sure the "top row" is challenging to understand when using icons. There are a few reasons for this. And, depending on what app you look at, the behavior changes. In some apps (including native iOS apps like iTunes) the top row icon looks like the image you posted on DropBox. There is not space between the edge of the image and the row's rounded corner. This gives the top item a rounded look on the top-left edge. In some cases this is OK and desired, in other cases not. I prefer an icon that has rounded corners (all four corners on the icon) and a little space around each icon. This, in my opinion gives a more polished, native look. To do this, you set the Icon Corner Radius property, and the row-height property. Use an Icon Size property that's smaller than the row height so there is some space. Lastly; I'll assume you're working with a third party plugin because we have not released a menu with the features you show in the DropBox image. I have no idea if this third party plugin supports the properties I described above?
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.