cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

HTML5 with SAP MII

Go to solution
Former Member

on ‎05-29-2012 8:12 AM

0 Kudos

Hi All,

Has anyone tried using HTML5 with SAP MII 12.x?

Is there a dependency of Netweaver AS to render HTML5 contents on my browser?

I have IE9 and HTML5 page. When I try to run it from MII, it is not working.

Looking for some pointers / links if available.

Your help is appreciated.

Thanks and Best Regards,

Kedar

Show replies
Show replies
Answer

Accepted Solutions (1)

Accepted Solutions (1)

former_member185280
Active Contributor
‎05-29-2012 1:05 PM
0 Kudos

1) Make sure your html 5 doctype is correct.
2) ... you have a closing tag on your canvas, "</canvas>".

3) ... IE is NOT in compatibility mode.
4) ... your page is not contained in a frame where the parent document is not an html 5 doctype because in child pages contained in frames will have their doctype overridden by the the parent doctype.

Show replies
Show replies
Former Member
‎05-30-2012 12:45 PM
0 Kudos

Here is the code that I am trying to run from MII Workbench on IE9.

Pls let me know your feedback.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>Charts!</title>      
</head>

<BODY>
<table>
<caption>Visits</caption>
<thead>
  <tr>
   <td></td>
   <th scope="col">Monday</th>
   <th scope="col">Tuesday</th>
   <th scope="col">Wednesday</th>
   <th scope="col">Thursday</th>
  </tr>
</thead>
<tbody>
  <tr>
   <th scope="row">A</th>
   <td>12541</td>
   <td>11204</td>
   <td>11354</td>
   <td>10058</td>
  </tr>
  <tr>
   <th scope="row">B</th>
   <td>9855</td>
   <td>8870</td>
   <td>8731</td>
   <td>7488</td>
  </tr>
  <tr>
   <th scope="row">C</th>
   <td>3241</td>
   <td>2544</td>
   <td>2597</td>
   <td>3108</td>
  </tr>
</tbody>
</table>
</BODY>
</HTML>

Thanks,

Kedar

Former Member
‎07-13-2012 2:35 PM
0 Kudos

I have played around with this a little and the result is it works somewhat, depending on how the page is used.

If you are diaplaying within the MII home page HTML 5 will NOT work.

The defaulthomepage.xsl and defaulthomepagetemplate.xsl don't specify a DOCTYPE so it is displayed in quirks mode by default. If you force these into HTML 5 or even HTML 4.01 through a custom theme the home page stops working completely.

If you want to display HTML 5 pages within the mii home page you will have to heavily modify the xsl, css and js files for the theme to make them HTML 5 or HTML 4.01 compatible.

Alternatively if you set the links to open in a new window the page isn't locked into quirks mode from the parent and the DOCTYPE you specify in irpt page takes over.

So that way you can do HTML 5 on mii pages.

I should note I am running 12.1 and I don't know if they have made any significant changes to the themes in 12.2.

Former Member
‎07-16-2012 11:37 AM
0 Kudos

hi Kedar,

HTML5 is not completely supported by IE9, try accessing the same page using Safari Browser as it supports HTML5 (its the default browser in iPad, you can install on MS Operating System also).

Regards,

Pradeep D

Former Member
‎01-21-2013 10:17 AM
0 Kudos

This is more a IE problem (although an update to the existing theme to make it HTML5 compliant would not hurt!)

In IE8 the iFrame would keep it's doctype so no problem there

in IE9 it does give issues, but you can force the page to IE8 mode and cancel the doctype propagation.

Try adding this to your head of the theme (requires some editing of the xsl to add this string, but that's not too complicated):

<meta http-equiv="X-UA-Compatible" content="IE=8" />

This will only have an effect on IE, FF and chrome will not be affected by adding this meta tag.

check this page for more info:

http://stackoverflow.com/questions/5123326/force-ie9-into-quirks-mode

http://www.sitepoint.com/forums/showthread.php?743000-ie9-iframes-doctypes-you

http://portal2portal.blogspot.de/2011/05/websphere-portal-iframes-and-internet.html

and the IE flowchart :http://ie.microsoft.com/testdrive/ieblog/2010/Jun/16_IEsCompatibilityFeaturesforSiteDevelopers_1.svg

It isn't perfect, but it is a quick fix that buys you time to create a up to date theme or wait until the SAP delivers a HTML5 compliant theme for MII.

Answers (1)

Answers (1)

Former Member
‎05-29-2012 10:31 AM
0 Kudos

wht error/msg u see?

Show replies
Show replies
Former Member
‎05-29-2012 11:45 AM
0 Kudos

It displays: "Your browser does not support the canvas element."

Even though I have IE9 on my machine.

One more thing - can I open my HTML page in Google Chrome instaed of IE9 when I run it from MII Workbench?

Thanks,

Kedar

Ask a Question