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, ...Viewing DNN sites using an iPhone?Viewing DNN sites using an iPhone?
Previous
 
Next
New Post
11/27/2007 2:14 PM
 

I'm running into an issue on a new website (www.oicnetwork.net), a couple of my users like to use iPhones for browsing, but it doesn't seem to work right.

I asked one user to give a more detailed description of what was going on, and this is what he said:

Ok I promised some details on my observations using the site in Safari mobile on the iPhone.  The page loaded quickly enough over wifi.

First of all, clicking anything, just about anywhere, is really difficult unless you're zoomed way in.  Clicking on links or radio buttons for instance, you'll see a highlight (or a darklight) where you're effectively selecting when you click a link on this device.  But unless you're zoomed really tightly, you'll notice that entire sections of the web page are "selected", causing nothing to happen.

Next was the navigation menus.  Since you can't hover over things on the iPhone, I have to click the menu item.  I tried the one called "The OIC!".  Because of the issue above, I have to really zoom in to get it to register.  But then there isn't enough room for the whole menu.  So you tap the scroll buttons that appear at the top and bottom of the pop-up menu when the window size is smaller (in Firefox, I can recreate this by making a small window and calling a menu).  Only tapping the button causes the scroll to not stop until it hits the end, rather than scrolling one line.  If you miss and have to click the "The OIC!" part again, it reloads the page, and you start over.

As for the forums, I had several unread forums and threads, all lit yellow the way they should be.  So I went to start this topic.  When I get to the post screen, the rich editor controls don't appear.  I can type away in the window, but I noticed later that's what causes the posts to just get ignored.  So we go to the basic editor.  Again, you have to zoom WAY in on the radio button so that clicking on it registers against the button and not some odd layer of a block of the site.  So we get to the basic editor and it works ok.  I think I figured out that my line breaks were being ignored because the default for basic editor is raw text.  So unless you use tags to even do line breaks, they will be ignored.  So if someone can't use the rich editor for any reason, they get defualted to a user unfriendly editor instead.  Changing the default type of basic editor would probably solve that...if this schmancy forum module allows that in this release.  :-)

When I got done posting, I went back to the top-level of the forums and all of the unread threads and forums were now gray and marked as read.

So yes, I agree that much of this is probably more related to the skins than the software.  And the answer may simply to find a mobile-friendly skin and then use a browser detect to serve the correct one.  Or provide a link to the browser friendly version at the bottom of the screen.

But those are the observations, from an iPhone perspective.  And poke fun, but the iPhone has - hands-down - the best mobile browser out there for basic users, handling the CSS better than pocket IE or the other Mozilla homebrews out there for other platforms.  People are likely to use the iPhone if any mobile device, to view and use this site.

Thinking that it might possibly be the skin, I set it to the generic DNN Gray skin and asked him how it looked/worked then:

Well it looks as bad as it does on a PC.  :-)  You have to remember, it displays it like a desktop would.  But as for the functionality?  Still selects entire regions of the page when clicking, no matter how "on target" you get.  When I zoom way in, I can trigger the main menu; sometimes it drops down, and sometimes it drops down and then reloads the page (because that's what clicking the menu will do normally).  However on this skin, clicking on any option has no effect, which is a new one.  Very odd.  So I can't get to the forums that way on the iPhone / Safari mobile.  And since the forum URLs are not simplified in any way, I'm not about to type out the whole thing to get to the forum.  :-)

So, does anyone have an idea of what is going on here?  Using mobile devices for web browsing is a huge and growing trend right now, so I think it is pretty important that it is at least functional.

 

 
New Post
11/27/2007 8:59 PM
 

I've noticed the same problems with many DotNetNuke sites out there when browsing using the iPhone a while ago.

Don't know if it helps, but check out this site, it gives some interesting perspectives in designing your site.


Cuong Dang
Co-founder: Enliven, dnnGallery
LinkedIn | Twitter
I'm the author of DNN and Web Standards Wrox Blox

 
New Post
11/27/2007 11:34 PM
 

Very insightful article, I'll have to read it again later so I absorb more if it... *grin*

In the meantime, what are the basic things we need to look at in DNN skins to make them compatible with Mobile Safari?  Even the default skins appear to have problems, so this is only going to occur more often.

 
New Post
11/28/2007 9:30 AM
 

I think the first place to start is to try loading a XHTML/CSS standards compliant skin, and then testing. I would also hazzard a guess that solpart may have some issues and you should try another navigation menu such as housemenu or snapsis navmenu.

Please update this thread with your findings. I can't afford an iPhone, so I've not taken it into consideration for skin design.

 
New Post
11/28/2007 10:31 AM
 

Same here... I have to make a change, send a message to the person living a thousand miles away, and wait for him to try it out and describe his results.  If I had one to experiment with, I could probably get it resolved in a day or so.  But, like you said, they're expensive, and to top it off they won't even work up here where I live...

Anyways, the first thing I tried was the META tag method.  I'll see how that works first, before trying something else.  Partially because that is a really simple method that can be applied to almost any skin without affecting normal browsers.

I'll also look into the alternate menus, I did find the housemenu, but haven't implemented it yet.  I'll take a look at the other one too.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Viewing DNN sites using an iPhone?Viewing DNN sites using an iPhone?


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