• About Us
  • Blog
  • Basket
  • Account
  • Sign In
  •  

Blog

Published on Monday, July 11, 2011

How To Add a "Visit Mobile Web Site" Link To Your Web Site

Forward thinking web sites will have at least 2 different versions of their content. 1 for mobile browsers, and the other for the big screen desktop and laptop devices. 51Degrees.mobi does an excellent job of detecting the device type and redirecting the device to the correct content. To provide users with choice and enable them to switch between the different versions.

The following self contained user control can be added to any ASP web page to provide an optional link in the top left hand corner of the web page to enable users viewing the desktop big screen web page to switch to the mobile site. Importantly the link will only appear when the page is being viewed on a mobile handset or tablet.

<%@ Control Language="C#" AutoEventWireup="true" Inherits="System.Web.UI.UserControl" %>
 
<script runat="server" language="C#">
 
    protected void Page_Load(object sender, EventArgs e)
    {
        Visible = Request.Browser.IsMobileDevice;
    }
     
</script>
 
<asp:Panel runat="server" ID="PanelMobileSite" BackColor="Silver" BorderColor="DarkGray" BorderStyle="Solid" BorderWidth="1px" Style="position: absolute; top: 0px; left 0px; line-height: 2em;">
    <asp:HyperLink runat="server" ID="HyperLinkMobileSite" NavigateUrl="http://m.51degrees.mobi" Text="Mobile Site" style="padding-left: 1em; padding-right: 1em; vertical-align: middle;" />
</asp:Panel>

ASCX User Control

Add the above code to an ASP user control, and then add the user control to your master pages, or ASPX web pages. The link will only appear when the page is accessed via a mobile device and provides an elegant method of enabling users to switch between content types.

Happy mobile web development.

Comments (0)

Author: Products Team

Categories: Development

Tags: Mobile

James Rosewell
>

Products Team

Other posts by Products Team
Contact author

Name:
Email:
Subject:
Message:
x

Tags

.NET 2013 2014 4G 51Degrees 5G A.C.Roma A7 ABI Acer Affiliate Marketing Alcatel Amazon AMP Analysis Analytics Android Android 5.0 Lollipop Android Kitkat Android Lollipop Android Media Stick Apache API Apple Apple TV Archos Asha Asian Market ASP.NET Asus Australia Big Data Black Friday Blackberry Blink Browser C C# Case Study CeBIT CES Chrome Cloud CMS combinations Comparison Competition CoolPad COTW Cron CSS3 Data Data Blog Data File Data Model Daydream Denver Design Desire Eye Desktop Detection Developers Device Device Data Device Detection Device Intelligence Device Popularity Device property Device Types Device Use Display dmexco DoCoMo Doogee DotNetNuke Download Drupal Email EReader E-Reader Ericsson Evaluation Event Examples EXPLAY Rio Facebook feature Firefox Firefox OS Fly Foundation Framework France Galaxy S3 Galaxy S5 Galaxy Tab A Galaxy Tab A 8.0 Galaxy Tab A 9.7 Germany git repositories Global Google Google Daydream GSMA HAProxy Hardware Hisense HTC HTC ONE MAX HTC OS HTML5 HTTP Huawei HUAWEI. UPDATE HUDL Huwaei IBC Icemobile Prime 4.0 IE IFA IIS Image Optimiser Image Optimizer India Infographic Ingeniux Internet usage iOS iOS 7 iOS 8 ipad iPhone iPhone 6 IsEmailBrowser IsWebApp Italy Japan Java Javascript Jolla Kentico Keynote Kindle Kindle Fire Kindle Fire HD Leagoo Lenovo LG Location Log File Analysis LTE Lumia Map Memory Meta Data Mi 4S Micromax Microsoft Miia Style Mobile Mobile Analysis Mobile Analytics Mobile Devices Mobile Marketing Mixer Module Motorola MVC4 MWC MWC 2017 MWC16 MyPhone Native Native Apps NET New Release News News Letter Nexus Nexus 6 Nexus 9 NFC NGINX Nokia Non-Mobile NVIDIA Omate On7 OnePlus 5 Opera Opera Mini Operating System Optimisation OS OSX 10.10 OTA Panasonic Patent PC Pebble Performance phablet phone PHP Poland Presentation Press Release Price Band PRIV PS4 Python QMobile QR Codes Redirection Research Reseller Responsive Images RESS Review reviews RIM Ringmark RWD Samsung Scala Screen Screen resolution Screen Size SEO Server Set Box Set Top Box Sharepoint Shark 1 SHIFT phones Sitecore SLUSH Smart TV Smartphone Smartphones Smartwatches Snapdragon Sony Sony Xperia Spain Swedish Beers Symbian Tablet Tablets Tesco Testing Tips Top 5 TOTW TV UDS UK Umbraco Update updates US User Agent UserAgent User-Agent Vendors Version 3 VoLTE VR Wearable Web Web Apps WebKit WebMatrix White Paper Widgets Widnows WiFi Wiko Wileyfox Windows Windows Phone Xbox XBox One Xiaomi Xperia Xperia z Yosemite Z10 ZenFon 2 ZOPO ZTE