Does Orchard Support Responsive Web Design?

Topics: General
Jun 14, 2011 at 9:16 PM

How does Orchard address responsive web design?  Many CMS's seem to assume that the "layout" is THE layout, instead of (typically) just being the layout for desktop devices.  How does Orchard represent differences in layout for different size devices?

Coordinator
Jun 14, 2011 at 9:21 PM

You can select different themes or layouts based on the agent or any criteria you choose. See http://orchardproject.net/gallery/List/Modules/Orchard.Module.Vandelay.ThemePicker for example, or the explanations in this post: http://weblogs.asp.net/bleroy/archive/2011/02/27/dynamically-switching-the-theme-in-orchard.aspx or the theme selector in this theme: http://orchardproject.net/gallery/List/Themes/Orchard.Theme.VuLuMobile

Does this help?

Jun 15, 2011 at 12:41 AM

Not really.  Responsive web design isn't based on user agent or device, but typically, on the properties of the browser (namely: size).  So, you don't switch layout or themes at the server-side code level, but target using CSS media queries.

So, since it's all in CSS, I understand that Orchard isn't going to get in the way, necessarily.  EXCEPT that in the demos, it seems to present a "layout" that represents only desktop devices.  So, I'm just wondering if there's a more "layout-agnostic" section/widget, etc.  For example: Wordpress is very layout agnostic, because it doesn't give a visual layout representation of the template.  I haven't used Orchard yet, so my question may not be precise.  But when I see 4 template "regions" in a screenshot of a template that are set side-by-side, to me, that's not ideal in the long term, unless I can quickly scale the template and see the regions respond (according to my CSS).

Coordinator
Jun 15, 2011 at 12:51 AM

Yeah, I'm getting really confused by what you seem to mean by "layout" that seems different from what we mean by that. I think you need to have an actual look rather than rely on assumptions. Orchard is actually a lot more flexible than WordPress in terms of rendering so I would be extremely surprised if it couldn't do what you are looking for (although I do not understand what that is). Seems like a terminology problem more than anything.

From what I see in http://www.alistapart.com/articles/responsive-web-design/ it's all happening in the CSS so I don't see how Orchard could get in the way of that. And even if it relied more heavily on markup, that wouldn't be a problem either.

But again, I still don't understand the original question.

Jun 15, 2011 at 9:26 AM

The default theme is very semantic and HTML5-oriented, you can do anything you like with it in CSS.

As Bertrand suggests; try actually installing it and looking at the template yourself to see if it's what you want :)