Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Supporting mobiles/smartphonesSupporting mobiles/smartphones
Previous
 
Next
New Post
6/4/2010 12:14 PM
 
Hello,
I am to build a new DNN website that supports browsing from mobile phones / smartphones, and  to evolve another already existing site for which I am to add support for mobile browsers too.
I don't have experience with this kind of devices, is there somebody willing to share some info or best practices?

I think I should be able to differentiate loading of css with regard to the kind of browser (the minimal entropy skin has something specific for IE, isn't it? would this mechanism be helpful?), but would this be enough? Or would it be better to build a separate website / pages to serve mobile browsers? And how to handle redirection, with some custom module?
Also, I imagine "mobile phones and smartphones" is too large a category, that is I'm afraid there's a need to build different css for different kind of devices (windows smartphones, iphone and blackberry for example), is this true?

Thanks for any help,
al.
 
New Post
6/4/2010 1:59 PM
 
You just need to use a scaled down skin with clean XHTML - you could get really carried away and make a skin version per device type (ie. iphones have bigger screens etc. etc. etc.) it depends on how far you want to go. Check out the mobile PokerDIY app (in your browser, an emulator or on your mobile) - it's just a scaled down skin and works well on the iphone (and I assume other smaller browsers ;)

It depends on your requirements - for me a simple mobile version will suffice (it will use the full CSS as it is on the same portal) - I guess I could refine the CSS further at page level (it is on the same module as it shares the same data) but I use scaled down default.css anyway. The portal.css and the site setting one could be removed I guess using a CSS remover...

Incidentally, a user reporting using the full site on their iphone and all the AJAX and functionality worked well... would just be a lot of bandwith, but it helps if your skins are well designed (I used ThinkOfDesign).

Entrepreneur

PokerDIY Tournament Manager - PokerDIY Tournament Manager<
PokerDIY Game Finder - Mobile Apps powered by DNN
PokerDIY - Connecting Poker Players

 
New Post
6/7/2010 11:28 AM
 
Rodney,
thank you for your precious help. So you have this page (mob.aspx) to serve mobile content, but is it all a matter of skin? You don't have neither custom content nor custom modules to serve content to mobile browser - that's a normal page with a "mobile" skin - , am I right? 
Sounds cool! Are you automatically redirecting mobile browser to this page with some custom module, or just tell them to go there?

Thanks again,
al.
 
New Post
6/7/2010 1:54 PM
 
http://www.dotnetnuke.com/Community/Forums/tabid/795/forumid/112/threadid/370751/scope/posts/Default.aspx
 
New Post
6/7/2010 2:59 PM
 
Yes, it is a page on the same portal (it has to be as some of the modules do not allow data sharing across portals, and it makes life a lot easier having one portal only) with a scaled down skin (check the mobile doctype at the top). I then added skin object CSS removes to get rid of default.css etc. I don't need any of the core stuff - just the mobile skin .css (you can do a view source and see it all).

There are definitely more elements that would be nice to be stripped out but it's down to 4k which is pretty good (and it looks good on the iphone). I DO have custom modules (the league module is my own custom module) - and I do a separate mobile version for it (a new .ascx) file as it is completely different to the full version (this is a matter of preference, but I strip out all AJAX and extra columns etc.) - I think it's important to design the app how you want it to look on the iphone, not take the existing one and try to force it in. It depends on your site though - if it is just static data you just need HTML mods.

At the moment my skin does not do any redirecting and you can switch between full and mobile on the web or mobile browser. I raised a thread a while ago about detecting the user agent and redirecting to the mobile version - it's not hard (Timo is working on some skin object to do stuff like this I believe). I just haven't had time to work on the mobile site again (I would suggest they use the mobile version but not force them - if they want to browse the full site on their iphone then they can (so it should look ok) - my mobile version is an app (you can add scores from the poker table) - whereas  my full site has a lot of data, forums etc. It depends on you..

I am very keen to see Steve's presentation as it sounds really interesting! Unfortunately I wont be able to attend in person or online - I hope it is available for download after?

Entrepreneur

PokerDIY Tournament Manager - PokerDIY Tournament Manager<
PokerDIY Game Finder - Mobile Apps powered by DNN
PokerDIY - Connecting Poker Players

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Supporting mobiles/smartphonesSupporting mobiles/smartphones


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out