Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

PortalWebHosting
  Ads  
Iron Speed Designer is a software development tool for building database, reporting, and forms applications for .NET without hand-coding.
 


  Sponsors  

Meet Our Sponsors

Mad Development is a full service interactive agency focusing on the merge of design, technology, e-commerce, and affiliate marketing by providing total website solutions.
SteadyRain
DataSprings - Great Ideas. Always Flowing.
R2integrated - formerly bi4ce
Jango Studios - Skins, Modules and Hosting for DotNetNuke
eUKhost.com is commited to offer exceptional UK Windows Web Hosting solutions with quality 24x7 technical support.Our plans support ASP.Net, ASP, ASP.NET Ajax extensions, XML, MSSQL, MySQL, PHP,DNN, multiple domains and Shared SSL as standard.
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  Different skin based on user resolution
Previous Previous
 
Next Next
New Post 5/29/2008 8:50 AM
User is offline rogerio Carvalho
1 posts
10th Ranked


Different skin based on user resolution 

Hi, I need changing the skin dynamically based on user screen resolution, i.e:

If the user screen resolution is 800x600 then the portal gets with Skin 1.

 If the user screen resolution is 10024x768 then the portal gets with Skin 2.

the User is a regular user (not a admin or host user)

If anyone have a solution...please help me.

Thanks,

roger

 
 
New Post 5/29/2008 2:50 PM
User is offline keeperofstars
252 posts
9th Ranked


Re: Different skin based on user resolution 

This should help you get started.

 

<html>
<link href="manager.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
  if (screen.width < 1024)
    link = document.getElementsByTagName( "link" )[ 0 ];
    link.href = "manager800.css";
</script>
<head>

 

Thanks to: http://www.tek-tips.com/faqs.cfm?fid=4537

 

It basically changes the CSS file being loaded based on the users resolution.

Make sure all the different resolution CSS files are included with your skin package.

Not sure but you might have to use %skinpath% infront of your CSS filepath when making the change.

 
 
 Page 1 of 1
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  Different skin based on user resolution
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.
 


Alki Homes - Seattle, WA
Exemplary service for your Seattle Real Estate needs. It's what you deserve from your Realtor®!
www.alkihomes.com 		PointClick DotNetNuke Solutions
PointClick Technologies provides high-end DNN Hosting for businesses.
PointClick.Net Hosted Solutions 		Active Modules, Inc.
Creators of Active Forums, the best forum module for DotNetNuke
www.activemodules.com

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP