The best way is to do this via CSS.  Have a mobile.css that renders the page different if a user is visiting from mobile application.  You can control the l&f from each control via CSS as well.  So rather then having a new control for each browser, have a single control look different depending on the browser.

---

Nick Christy Director of Technology, r2Integrated

You can use Javasript within your skin to detect the browser. Something like.. if (browser_type == "Microsoft Internet Explorer" && (browser_version >= 4)) { document.write(""); } Just continue the elseif for each browser you want to support. You can also do some browser detection within CSS itself. This is usefull if the difference is only a couple lines within the CSS. It also becomes more hackish code when you try to do it within the CSS, because each browser has a different level of understanding for how to read CSS. My suggestion would be to stick with the JS browser detection. There are some new libraries within various JS frameworks that make it cleaner then the IF statement. For an example using jquery read this.. http://www.tvidesign.co.uk/blog/CSS-Browser-detection-using-jQuery-instead-of-hacks.aspx

---

Nick Christy Director of Technology, r2Integrated