[
https://issues.apache.org/jira/browse/HBASE-8532?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Julian Zhou updated HBASE-8532:
-------------------------------
Description:
HBASE-7425 brings bootstrap based webui to hbase. While trying on trunk
version, Firefox works well, but IE 8/9 layout and style look strange due to
compatibility issue. Add "<!DOCTYPE html ...>" at the beginning of all jamon
html/jsp templates to fix it.
Seems HBase-2110 had a work to comment out the DOCTYPE for all .jsp to make the
browser run the pages in Quirks mode (http://en.wikipedia.org/wiki/Quirks_mode)
due to jetty issue at that time?
To support the compatibility of webui across browsers (IE/Firefox/Chrome,
etc.), there are some guidelines for choosing rendering the page under standard
mode or quirk mode:
http://en.wikipedia.org/wiki/Quirks_mode
http://hsivonen.iki.fi/doctype/
According to document, "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>" has the most extensive
compatibility even for HTML 5. According to my test, add this could make webui
works in IE (standard mode), while Firefox could not work well with styles.
Looks like if in Firefox, we still need the quirk mode (no DOCTYPE
declaration).
So just adding conditional DOCTYPE declaration for IE,
<!--[if IE]>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
<![endif]-->
this could make webui works for both IE and Firefox, also for Chrome and other
browsers.
was:
HBASE-7425 brings bootstrap based webui to hbase. While trying on trunk
version, Firefox works well, but IE 8/9 layout and style look strange due to
compatibility issue. Add "<!DOCTYPE html ...>" at the beginning of all jamon
html/jsp templates to fix it.
Seems HBase-2110 had a work to comment out the DOCTYPE for all .jsp to make the
browser run the pages in Quirks mode (http://en.wikipedia.org/wiki/Quirks_mode)
due to jetty issue at that time?
To support the compatibility of webui across browsers (IE/Firefox/Chrome,
etc.), there are some guidelines for choosing rendering the page under standard
mode or quirk mode:
http://en.wikipedia.org/wiki/Quirks_mode
http://hsivonen.iki.fi/doctype/
According to document, "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>" has the most extensive
compatibility even for HTML 5.
> Bootstrap based webui compatibility across browsers (IE, Firefox, Chrome,
> etc.).
> --------------------------------------------------------------------------------
>
> Key: HBASE-8532
> URL: https://issues.apache.org/jira/browse/HBASE-8532
> Project: HBase
> Issue Type: Bug
> Components: UI
> Affects Versions: 0.98.0, 0.95.2
> Reporter: Julian Zhou
> Assignee: Julian Zhou
> Priority: Minor
> Fix For: 0.98.0
>
> Attachments: hbase-8532_v0.patch, webui-IE-error.png
>
>
> HBASE-7425 brings bootstrap based webui to hbase. While trying on trunk
> version, Firefox works well, but IE 8/9 layout and style look strange due to
> compatibility issue. Add "<!DOCTYPE html ...>" at the beginning of all jamon
> html/jsp templates to fix it.
> Seems HBase-2110 had a work to comment out the DOCTYPE for all .jsp to make
> the browser run the pages in Quirks mode
> (http://en.wikipedia.org/wiki/Quirks_mode) due to jetty issue at that time?
> To support the compatibility of webui across browsers (IE/Firefox/Chrome,
> etc.), there are some guidelines for choosing rendering the page under
> standard mode or quirk mode:
> http://en.wikipedia.org/wiki/Quirks_mode
> http://hsivonen.iki.fi/doctype/
> According to document, "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
> "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>" has the most extensive
> compatibility even for HTML 5. According to my test, add this could make
> webui works in IE (standard mode), while Firefox could not work well with
> styles. Looks like if in Firefox, we still need the quirk mode (no DOCTYPE
> declaration).
> So just adding conditional DOCTYPE declaration for IE,
> <!--[if IE]>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
> "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
> <![endif]-->
> this could make webui works for both IE and Firefox, also for Chrome and
> other browsers.
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira
