Mobile pro kit issue

This is an open forum for any mojoPortal topics that don't fall into the other categories.

This thread is closed to new posts. You must sign in to post in the forums.
5/22/2013 1:12:14 AM
muruganbala
Gravatar
Total Posts 39
View Posts

Mobile pro kit issue

Hi,

I have installed the mobile pro kit in my site as per given instruction in the read me file  but unable to browse the site in mobile, getting error "we are having trouble displaying this page".

installation steps,

1. put the sts.MobileKit.Web.dll in your /bin folder 
If using .NET 4 use the one in the DotNet40 folder, if using .NET 3.5 SP1 in Full Trust use the one from the DotNet35 folder

2. copy the mobilekit_v1 skin folder to /Data/Sites/[SiteID]/skins

3. choose mobilekit_v1 as the Mobile Skin in Site Settings

4. optionally try different jQueryUI themes and modify CSS to customize the design.

5. there are some things commented out in theme.skin for WebStore, Form Wizard Pro and Event Calnder Pro because it would cause an error if you do not have those features installed. If you do have those features installed you should uncomment those items.

---

I did all the above, If I want to do any other settings to browse the site in mobile. If there is any document please share it. it will be very helpful for me.

 

5/22/2013 9:53:42 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Mobile pro kit issue

Can you post a link to your site?

What version of mojoPortal are you using?

Are there any related errors being logged under Administration > System Log?

5/22/2013 11:42:34 PM
muruganbala
Gravatar
Total Posts 39
View Posts

Re: Mobile pro kit issue

Hi,

1) We are testing our staging server "http://reviewob.dev04.jobson.com/". This not actual site url.

2) version - 2.3.9.6

3) No, we did not get any server error.

4) some times its loading actual site what we see in desktop not mobile skin but in the site settings > mobile skin > mobilekit_v1 is there.

 

 

5/23/2013 10:06:48 AM
muruganbala
Gravatar
Total Posts 39
View Posts

Re: Mobile pro kit issue

There is no error in system log.

5/23/2013 10:12:36 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Mobile pro kit issue

Hi,

Your mobile skin seems to be working for me testing with an iphone and also testing with the Firefox user agent switcher plugin it loads the mobile skin when using iphone user agent. 

The main problem I see is that you have hard coded styles in your content like hard coded width on some divs and this is not optimal for the mobile view. Instead of hard coding things like style="float:left;width:540px"
in your content it would be better to just use css classes and put all the style rules in the skin css. That way styles for desktop won't conflict with mobile styles.

Hope that helps,

Joe

5/23/2013 10:18:15 AM
muruganbala
Gravatar
Total Posts 39
View Posts

Re: Mobile pro kit issue

I have windows phone but i did not get the mobile version on it. mobile model is "Lumia 610"

There is any app settings for windows mobile.

5/23/2013 10:24:51 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Mobile pro kit issue

It should work already unless they have changed something in the user agent string. Do you see the mobile skin when you view this site on your Lumia phone?

If you view this site with your phone I will review my IIS web logs and see what user agent string it is capturing from your phone.

5/23/2013 10:33:01 AM
muruganbala
Gravatar
Total Posts 39
View Posts

Re: Mobile pro kit issue

No. Its loading main skin instead of mobile skin. Let me check my iis log also.

5/23/2013 10:44:44 AM
muruganbala
Gravatar
Total Posts 39
View Posts

Re: Mobile pro kit issue

Hi,

Is it possible to customize the mobile version menu ? if possible, where can i customize it or i want to build my own custom menu ?

 

5/23/2013 11:06:01 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Mobile pro kit issue

Lumia has the fragment IEMobile in the user agent so it should be detected as a smart phone and the mobile skin should be applied.

You could alter the config setting but it should not be needed so I don't know why you are not seeing the mobile skin.

The relevant config setting has a comma separated string of user agent fragments (lower case) like this:

<add key="MobilePhoneUserAgents" value="iphone,ipod,android,iemobile" />

The iemobile fragment should be sufficient but you could add lumia or the word phone:

<add key="MobilePhoneUserAgents" value="iphone,ipod,android,iemobile,phone,lumia" />

As far as styling, yes you can override the css just as with any other skin, though the easiest way to style it is with jqueryui themeroller since it is based on jqueryui. Probably best to work in Firefox with the user agent switcher while working on style so that you have the benefit of viewing the source of the page and using browser tools to see what css rules are applied.

You must sign in to post in the forums. This thread is closed to new posts.