Problem to display ul title

[laurentvlt]

Hello,

I use the ASP.NET MVC Framework 4. For now, I just play a few simple examples before I get into the great adventure! I have a problem and I can not explain its origin. When I'm in Visual Studio and I create the HTML code of my view, if I compile it, I get the picture 1. So far, no problems. If I take files from the website and I visit them via a web application hosted in IIS 7 (I use Windows 7), I get the picture 2. I tried to view the site with different browsers (IE, Firefox and Safari) and the result is the same.

 

Does someone have already see this problem?

[Marijan Vukcevich]

couple debugging: 

1) add:  border: 1px solid #ff0000;  -- to see if it renders

2) add inline onclick="alert('clicked');" -- do not copy from email, quotation marks different. 

3) z-index  might be issue -- depending on the element. 

4) you can try to use Firefox add on Default User Agent: you will need to add xml  to get list. 

Mobile Devices/OS/Windows Phone OS 7.0 - .... - IEMobile 7.0

5) check if you can enable debug logging like on iPhone Safari. that way you could log the css style it will give you idea what's there. It should be in  css file, not inline.  

Use any tool to debug or that helps you figure it out. 

Hope this helps a little bit. 

Regards,
Marijan 

www.eastsideinteractive.com
mar...@eastsideinteractive.com

---

From: laurentvlt <laure...@gmail.com>
To: iphone...@googlegroups.com
Sent: Thu, December 29, 2011 12:54:55 PM
Subject: Problem to display ul title

Hello,

I use the ASP.NET MVC Framework 4. For now, I just play a few simple examples before I get into the great adventure! I have a problem and I can not explain its origin. When I'm in Visual Studio and I create the HTML code of my view, if I compile it, I get the picture 1. So far, no problems. If I take files from the website and I visit them via a web application hosted in IIS 7 (I use Windows 7), I get the picture 2. I tried to view the site with different browsers (IE, Firefox and Safari) and the result is the same.

 

Does someone have already see this problem?

--
You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
To view this discussion on the web visit https://groups.google.com/d/msg/iphonewebdev/-/1l7jE8H8wHsJ.
To post to this group, send email to iphone...@googlegroups.com.
To unsubscribe from this group, send email to iphonewebdev...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.

[Rémi Grumeau]

IUI uses addEventListener(), used by all browsers.... except IE which uses createEvent().

This is why, on load, it should parse screens for the one with a "selected" attribute, and uses its title attribute value to #pageTitle.

This is done line 507

http://code.google.com/p/iui/source/browse/web-app/iui/iui.js

using addEventListener.

With IE 0.0001% of the mobile web market, it's not a big deal anyway, but with wp7 we definitely should use an event type wrapper.

Remi

--

You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
To view this discussion on the web visit https://groups.google.com/d/msg/iphonewebdev/-/1l7jE8H8wHsJ.
To post to this group, send email to iphone...@googlegroups.com.
To unsubscribe from this group, send email to iphonewebdev...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.

<Picture 1.png>

<Picture 2.png>

[laurentvlt]

I understand what you say about interpretation differences between
browsers but in my case, it's not the browser which is different but
the web server.

Maybe I've missed or do something wrong in my code (below) but as the
result looks good on the Picture 1 (using IE, web server Visual Studio
integrated) and not on the Picture 2 (using IE, web server IIS), I
don't understand why I have such a render difference.

Another clue, using IUI version 4.0-alpha1 or IUI version 0.50-
remipreview gives same results.

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Index</title>
<meta http-equiv="content-type" content="text/html;
charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="icon" type="image/png" href="../../Content/iui/iui-
favicon.png">
<link rel="apple-touch-startup-image" href="../../Content/iui/iui-
startup.jpg">
<link rel="apple-touch-icon" href="../../Content/iui/iui-logo-
touch-icon-hd.png" />
<meta name="viewport" content="width=device-width; initial-
scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<link rel="stylesheet" href="../../Content/iui/iui.css" type="text/
css" />
<link rel="stylesheet" href="../../Content/iui/t/default/default-
theme.css" type="text/css"/>
<script type="application/x-javascript" src="../../Content/iui/
iui.js"></script>
</head>
<body>
<div class="toolbar">
<h1 id="pageTitle"></h1>
<a id="backButton" class="button" href="#"></a>
</div>

<ul id="home" title="iUI Touch" selected="true">
<li><a href="#about">About</a></li>
<li><a href="#samples">Samples</a></li>
<li><a href="#3rd-party">3rd Party Samples</a></li>
<li><a href="#tests">Tests</a></li>
<li><a href="#sandbox">Ext-Sandbox</a></li>
</ul>
</body>
</html>