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, ...mobile responsive skinmobile responsive skin
Previous
 
Next
New Post
10/27/2013 5:22 PM
 

What is the best method for making an existing skin optimized for mobile. I would like to make my existing site (or at least some pages) able to show or hide content depending on whether user is accessing from a mobile tablet or desktop. Are there any built in components in DNN for this? 

Thanks

Tom

 
New Post
10/27/2013 8:24 PM
 

Tom,

The built-in mobile functionality in DNN helps you to create redirection rules to route mobile device users to a specific page on your site or to a totally different site (such as a dedicated mobile site). It also allows you to create site-groups for single-sign-on + cross-site-module-sharing.  Neither of these is what your question was about... just giving you some insight into some of the mobile capabilities within DNN.

In order to show/hide various panes in your skin you'll need to update the skin's .ascx file and the skin's .css file at minimum. Essentially you'll add a media query to the .ascx file to determine the width of the viewport that's viewing your site and then you'll point to various styles in your skin's css file based on the media query results.

Amelia Marschall Miller from Gravity Works has presented several times on making skins responsive. You should check out here slides on how to make a site responsive. You can find the slides here:  http://www.slideshare.net/gravitywork...

as well as checking out this video where she walks through the process:

http://www.dnnsoftware.com/Community/... 

Hope this helps!

 

 
New Post
3/28/2014 5:43 PM
 
Thanks!
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...mobile responsive skinmobile responsive skin


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.

Content Layout

Subscribe to DNN Digest

DNN Digest is our monthly email newsletter. It highlights news and content from around the DNN ecosystem, such as new modules and themes, messages from leadership, blog posts and notable tweets. Keep your finger on the pulse of the ecosystem by subscribing.  


Copyright 2017 by DNN Corp Terms of Use Privacy
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out