Browser called from SU and html code

ppoublan · 1 Jun 2013, 14:36

Dear all,
I'm trying to build new User Input module for a pluggin. Exchange of datas between Sektchup and the webdialog are ok. But When I try to add some HTML 5 code to create better input, I'm surprised to see that the code is not displayed the same way if called from SU or just opening the HTML file with a browser.
Here is an example (at left from a browser), at right from SU where the slider disapear:

I initialy thought it was due to obsolete versions, so I tried from Windows 8 Pro and Sketchup 2013. Same problem.
What is the browser and version called by SU when WebDialog is created ? Can it be changed ? What version of HTML is supported ?
Yours
Pascal

thomthom · 1 Jun 2013, 19:08

SketchUp webdialogs uses the HTML engine of the host OS. Under Windows this is Explorer, under OSX this is WebKit. What they support depend on what version you have installed.

Note that IE inside an embedded control such as a WebDialog is much more conservative in it's pick of render mode. In order to trigger the latest you need to insert a META tag. See the Lost Manual for more info: https://github.com/thomthom/sketchup-webdialogs-the-lost-manual/wiki/Doctype---Quirks-vs-Standard-vs-Superstandard

renderiza · 1 Jun 2013, 19:52

Hi,

If I remember correctly HTML 5 is not compatible yet with SketchUP web-dialog...I wish it was though.

Cheers!

ppoublan · 1 Jun 2013, 19:57

Thanks a lot Thom, the meta http-equiv at least corrected the thing on my PC.
Do not know if it will work on all configurations but with this line :
<meta http-equiv="X-UA-Compatible" content="IE=10">
I'm able to use input of type range.
Pascal

thomthom · 1 Jun 2013, 20:09

@renderiza said:

If I remember correctly HTML 5 is not compatible yet with SketchUP web-dialog...I wish it was though.

It is if you have an IE version installed that support HTML5 - meaning IE10. Works great then!

@ppoublan said:

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

That would be a safe one if you test on IE10 and want to ensure it's always using IE10.

If you want it to behave like in the web browser where it always uses the latest engine available:
<meta http-equiv="X-UA-Compatible" content="IE=edge">

thomthom · 1 Jun 2013, 20:10

@ppoublan said:

Do not know if it will work on all configurations but with this line :
<meta http-equiv="X-UA-Compatible" content="IE=10">

It will work on all systems that have IE10 or newer installed.

Dan Rathbun · 1 Jun 2013, 20:42

... but not on XP that cannot have IE10 installed ?

renderiza · 1 Jun 2013, 21:38

I am really confused here!

I have internet explorer 10 to navigate the internet but when I use an html 5 tag on my web-dialog for Sketchup it says "Your browser does not support it".

Does SketchUp have separate version of internet explorer?

If so can you update that version and how?

Thanks!

jiminy-billy-bob · 1 Jun 2013, 22:46

@renderiza said:

I have internet explorer 10 to navigate the internet but when I use an html 5 tag on my web-dialog for Sketchup it says "Your browser does not support it".

Even while using <meta http-equiv="X-UA-Compatible" content="IE=10"> ?

renderiza · 2 Jun 2013, 00:00

Wow!

I was not familiar with that meta tag...I am so happy because now I can expand my webdialogs features!

Thanks!

jiminy-billy-bob · 2 Jun 2013, 09:55

But remember :

@thomthom said:

It will work on all systems that have IE10 or newer installed.