Form Design Tips for MAC OS

Questions and answers for designing and implementing forms in Servoy

Form Design Tips for MAC OS

Postby bcusick » Tue Sep 05, 2006 8:04 pm

This post came about as a request from another forum member. We were having a discussion about Mac OS style and I thought this might help your developement efforts on your cross platform solutions:

I have two style sheets in my solutions. One for Mac, and one for everything else.

Then at startup - I have a method that checks the platform, and then uses application.overRideStyle() to use the Mac style sheet on the Mac, and the "regular" stylesheet on every other platform.

Another tips:
1) You want NO LINE around the fields that are combo boxes (on the mac) - but DO want them everywhere else;

2) Button heights less than 26px will not draw in rounded buttons;

3) Field heights should be at LEAST 22px or the popup menu widget won't draw properly;

4) Lucida Grande draws a little wider than Tahoma;

5) If you design for the Mac, then in general, the PC version is fine.

Hope this helps.
Bob Cusick
bcusick
 
Posts: 1190
Joined: Wed Apr 23, 2003 11:27 pm
Location: Thousand Oaks, CA USA

Postby IT2Be » Tue Sep 05, 2006 10:40 pm

Great tips Bob, these are 'ESSENTIAL DESIGN TIPS'...
Marcel J.G. Trapman (IT2BE)
SAN partner - Freelance Java and Servoy
Servoy Components - IT2BE Plug-ins and Beans for Servoy
ServoyForge - Open Source Components for Servoy
User avatar
IT2Be
Servoy Expert
 
Posts: 4763
Joined: Tue Oct 14, 2003 7:09 pm
Location: Germany

Postby smirzai » Wed Sep 06, 2006 9:56 am

Thanks Bob. I'm so happy to read this.

If it's not too much trouble, could you post sample style sheets for PC and Mac that you commonly use?

Thanks

Sham
smirzai
 
Posts: 11
Joined: Wed Aug 02, 2006 12:12 pm

Re: Form Design Tips for MAC OS

Postby ROCLASI » Wed Sep 06, 2006 11:15 am

bcusick wrote:2) Button heights less than 26px will not draw in rounded buttons;

Make that:
Rounded buttons will only draw when your button is 26-29 pixels high. Anything less or more will be a square button.
Robert Ivens
ROCLASI Software Solutions / JBS Group, Partner
SAN Developer / Servoy Valued Professional / Servoy Certified Developer
Twitter: @roclasi / @servoyforge
--
ServoyForge - Building Open Source Software.
PostgreSQL - The world's most advanced open source database.
User avatar
ROCLASI
Servoy Expert
 
Posts: 5230
Joined: Thu Oct 02, 2003 9:49 am
Location: Netherlands/Belgium

Re: Form Design Tips for MAC OS

Postby rarbuthnot » Wed Sep 06, 2006 6:44 pm

ROCLASI wrote:
bcusick wrote:2) Button heights less than 26px will not draw in rounded buttons;

Make that:
Rounded buttons will only draw when your button is 26-29 pixels high. Anything less or more will be a square button.

Mine are still round when more than 29 px high.
rarbuthnot
 
Posts: 77
Joined: Tue May 02, 2006 8:18 pm
Location: chicago

Re: Form Design Tips for MAC OS

Postby rarbuthnot » Wed Sep 06, 2006 6:52 pm

bcusick wrote:4) Lucida Grande draws a little wider than Tahoma;

5) If you design for the Mac, then in general, the PC version is fine.

The biggest problem I find is not giving your labels or buttons enough length to fit all the text when you are designing on the mac. Your text is bound to get cut off when displayed in Windows. So, you have to remember to leave 5, preferrably 10 extra pixels, of length.
rarbuthnot
 
Posts: 77
Joined: Tue May 02, 2006 8:18 pm
Location: chicago

Re: Form Design Tips for MAC OS

Postby ROCLASI » Thu Sep 07, 2006 10:11 am

rarbuthnot wrote:
ROCLASI wrote:
bcusick wrote:2) Button heights less than 26px will not draw in rounded buttons;

Make that:
Rounded buttons will only draw when your button is 26-29 pixels high. Anything less or more will be a square button.

Mine are still round when more than 29 px high.


Very interesting. Are you using the default settings?
This is what I see:
Image

You don't get this as well ?
Or is this a naming issue, since the button is square up to 22 pixels and then changes into a rounded bevelbutton. And between 26 and 29 pixels it is a pushbutton.
Robert Ivens
ROCLASI Software Solutions / JBS Group, Partner
SAN Developer / Servoy Valued Professional / Servoy Certified Developer
Twitter: @roclasi / @servoyforge
--
ServoyForge - Building Open Source Software.
PostgreSQL - The world's most advanced open source database.
User avatar
ROCLASI
Servoy Expert
 
Posts: 5230
Joined: Thu Oct 02, 2003 9:49 am
Location: Netherlands/Belgium

Postby rarbuthnot » Thu Sep 07, 2006 4:04 pm

Ooh. Very nice example. I guess I just meant that the corners of the button are still round, but I see the difference you are talking about now. Very interesting.
rarbuthnot
 
Posts: 77
Joined: Tue May 02, 2006 8:18 pm
Location: chicago


Return to Forms

Who is online

Users browsing this forum: No registered users and 3 guests