Desktop Mode

[EasyTarget]

Please have a link that will allow mobile users the option of using desktop mode instead of mobile aka responsive mode.

This is really a must have for today's websites. The forced nerfing is driving me nuts.

 

[Jeremy]

With Media Queries, there is no 'easy' way to do this, except if you create a custom default style without a single media query in it.

 

[AndyB]

I'm very surprised that this very important function has been overlooked. Many mobile phone these days can easily display the full site.

I can't imagine it would be difficult to disable the responsive design mode which should be user selectable.

 

[Jeremy]

I think you are missing the notion of what a responsive design really is. Checkout http://www.mediaqueri.es/ for a few examples. Basically, instead of creating and maintaining a full mobile and desktop style, you build something that responds to the screen width. So you define something using class "thisIsResponsive". You'll define it as such:

@media screen and (max-width: 480px) {
  .thisIsResponsive {
    width: 50px;
  }
}

@media screen and (min-width: 481px) {
  .thisIsResponsive {
    width: 300px;
  }
}

The first definition will be used if screen width is < 480px and the second one if the screen width is > 480 px. So a "View Desktop Version" isn't as 'easy' as you would think.

 

[AndyB]

Thank you, King Kovifor for explaining this.

I'm sure there is a way to program xF so that the Full site can be selected by mobile phone users. I think this is an extremely important option to have.

 

[sonnb]

Thank you, King Kovifor for explaining this.

I'm sure there is a way to program xF so that the Full site can be selected by mobile phone users. I think this is an extremely important option to have.

I does not depend on Mobile/Tablet or PC. It depends on Browser's windows size. So iPad would display it as you could see here in PC.

 

[RobParker]

I think you are missing the notion of what a responsive design really is. Checkout http://www.mediaqueri.es/ for a few examples. Basically, instead of creating and maintaining a full mobile and desktop style, you build something that responds to the screen width. So you define something using class "thisIsResponsive". You'll define it as such:

@media screen and (max-width: 480px) {
  .thisIsResponsive {
    width: 50px;
  }
}

@media screen and (min-width: 481px) {
  .thisIsResponsive {
    width: 300px;
  }
}

The first definition will be used if screen width is < 480px and the second one if the screen width is > 480 px. So a "View Desktop Version" isn't as 'easy' as you would think.

So there's no way to add in a desktop_is_set variable to the js which displays the desktop version even if the width is small?

 

[graham_w]

An option to enable/disable responsive at a per style level would be a good way to go.

That way you could easily create a mobile style with responsive (which has mobile view on mobile devices and desktop view on PC) and a regular style with no responsive (which shows desktop view always)

Users can select the theme which they want.

 

[EasyTarget]

I totally get what the idea is behind responsive design.

And I want the option to see site at full width, same as desktop user.
If a member is emailing me that there's a problem with the sidebar on the main page, and I can't see it on my phone. How am I going to help?

 

[Biker]

If a member is emailing me that there's a problem with the sidebar on the main page, and I can't see it on my phone. How am I going to help?

You do like I do. Tell them you're away from the computer and will check into it soon.

 

[SonicRC]

what about this solution:

View Full Site Link for Responsive Web Design

or here:
http://neilcarpenter.com/2012/05/creating-a-faux-view-full-site-button-for-responsive-sites/

 

[EasyTarget]

what about this solution:

View Full Site Link for Responsive Web Design

Ya Sonic that's what I am talking about. How hard would it be to add the link to core? Granted I can add it to manually but would like it standard.

 

[EasyTarget]

You do like I do. Tell them you're away from the computer and will check into it soon.

Was just giving an example. Pretty much only look at websites on my phone. And one of the driving principles of XF is user choice. Why box me into a corner?

 

[CTXMedia]

Is it possible to create a non-responsive style (i.e. rip out the responsive java code) ?

 

[Brogan]

It's in SP's so you can enable/disable it per style.

 

[Jeremy]

So, that makes my suggestion of a mobile-friendly and desktop only system easily feasible.

 

[CTXMedia]

It's in SP's so you can enable/disable it per style.

Excellent - so if we want to give our members a choice, we can create a "Mobile desktop" style that has the responsive element turned off ...

Now that's ...

 

[Jeremy]

Excellent - so if we want to give our members a choice, we can create a "Mobile desktop" style that has the responsive element turned off ...

Now that's ...

Even better, make it a child style so template edits need to only occur once.

 

[CTXMedia]

Even better, make it a child style so template edits need to only occur once.

<penny drops> - "Ohhhhh, yeahhhh!!" - Good thinking Batman ...

[Linky - just in case it's a phrase you haven't come across before! ]

 

[sonnb]

An option to enable/disable responsive at a per style level would be a good way to go.

That way you could easily create a mobile style with responsive (which has mobile view on mobile devices and desktop view on PC) and a regular style with no responsive (which shows desktop view always)

Users can select the theme which they want.

You are going to disable the advantages of Responsive. But anyway, custom styles with custom CSS/JS would absolutely could remove reponsive.