NetTalk Central

NetTalk Web Server => Web Server - Ask For Help => Topic started by: britech on August 24, 2010, 07:27:34 AM

Title: How do I shorten the Width on all my screens for Handheld devices?
Post by: britech on August 24, 2010, 07:27:34 AM

Hi Folks,

I'm  just starting to figure out that the look and feel of Nettalk apps is really tied up in the style sheets.
New territory for me.
Are there any quick tips for editing the style sheets (presumably netweb.css) so that I can get much narrower screens for a handheld?
Any suggestions welcomed.
Thanks,
Brian

Title: Re: How do I shorten the Width on all my screens for Handheld devices?
Post by: Bruce on August 24, 2010, 10:12:56 AM

One tip is to put the following in the WebHandler procedure, ProcessLink method, before the parent call;

  If self.mobile
    self.site.HtmlCommonStyles = clip(self.site.HtmlCommonStyles) & self.AddStyle('mymobile.css')
    self.MetaHeaders = '<meta name="viewport" content="user-scalable=no, width=device-width" />'
  end

self.mobile is = 1 if the device is a mobile device. you can use this elsewhere as well. The mymobile.css is a file of yours, containing styles etc for mobile devices.

There's a lot more mobile stuff coming, but these are hints in the right direction.

Cheers
Bruce

Title: Re: How do I shorten the Width on all my screens for Handheld devices?
Post by: britech on August 24, 2010, 12:32:09 PM

Thanks Bruce,
I'll try this.
Brian