Forcing Sketchup to use IE8 and other Web Dialog problems

thomthom

Right - I'm not sure what triggers that. Markup or the host application.

On a sidenote, maybe I suggest some comments on your dialog. Tone down the contract 255,0,0 red on completely black 0,0,0 background is very hard on the eyes. If you pick a slightly more subtle tone so the contrast ratio is less I'll be softer on your eye.

It's also best to stick with one font - and I recommend a sans-serif font (which is the de-facto standard in all applications). Script and fantasy styled fonts are not very legible.

Dan Rathbun

@anton_s said:

Same here, I also want to use latest Internet Explorer style; Buttons to be highlighted and rounded at corners like in IE8, checkboxes to be similiar to IE8, and everything else.

USE THIS META TAG:

<!DOCTYPE html>
<html>
  <head>
     <meta http-equiv="MSThemeCompatible" content="Yes">
  <!-- Some code -->
  </head>
  <body>
    <!-- Some code -->
  </body>
</html>

Anton_S

@dan rathbun said:

<meta http-equiv="MSThemeCompatible" content="Yes">

Yup, that works!
Thanks

Anton_S

@thomthom said:

Right - I'm not sure what triggers that. Markup or the host application.

On a sidenote, maybe I suggest some comments on your dialog. Tone down the contract 255,0,0 red on completely black 0,0,0 background is very hard on the eyes. If you pick a slightly more subtle tone so the contrast ratio is less I'll be softer on your eye.

It's also best to stick with one font - and I recommend a sans-serif font (which is the de-facto standard in all applications). Script and fantasy styled fonts are not very legible.

Thanks, helpful sidenote

Aerilius

@dan rathbun said:

<meta http-equiv="MSThemeCompatible" content="Yes">

I especially like this, it makes the dialog look less like a webpage and more like an application dialog.
The operating system's default fonts and colors can be achieved with CSS2.1 system styles (is supposed to be enhanced/replaced by CSS3 appearance, but only Firefox implements that properly). In WebDialogs, I set the background color manually because not all browsers/OSs do it right:
dlg.execute_script('document.getElementsByTagName("body")[0].style.background="'+dlg.get_default_dialog_color+'"')

Dan Rathbun

CSS3 Appearance has been cancelled in the latest revision. (And have not gone back to the 2.x docs, and removed those dire warnings.)

Dan Rathbun

@aerilius said:

In WebDialogs, I set the background color manually because not all browsers/OSs do it right:
dlg.execute_script('document.getElementsByTagName("body")[0].style.background="'+dlg.get_default_dialog_color+'"')

I usually do it on the Ruby-side, before I call show(), ie:

dlg.set_background_color( dlg.get_default_dialog_color )

Dan Rathbun

@Anton: Users will hate your right-justified switches.

In a left-to-right language, the checkboxes are on the left, and each label is left-justified.

Try this to make it look more like a dialog:


<form>
  <fieldset hidefocus="true" tabIndex="-1">
    <legend>Chain Multiple Commands</legend>

    <label name="L1" id="L1" class="label_cbox">
    <input type="checkbox" name="CB1" id="CB1"
     class="form_cbox" checked="false"/> SU Full Screen</label>

    <!-- ... etc. ... -->

  </fieldset>
</form>

Aerilius

@dan rathbun said:

I usually do it on the Ruby-side, before I call show(), ie:

When I saw that method in the docs, I liked it also more until I found that it didn't work on Windows 7 (returned white).
Interestingly, on Windows 7, the CSS color " %(#000080)[window]" is also white, but SketchUp's dlg.get_default_dialog_color works. I think driven reported similar problems with OS X (we then used a hard-coded gray for the OS X dialog).

I wished this all was less complicated.

Dan Rathbun

Well.. it returns white on Win7 because that IS the system dialog background color "out of the box".
(One reason I hate Windows 6+ is they try to make dialogs look like webpages!)

Anyway.. a user can set their own theme, or download a premade theme from the Web, in which the dialog background may not be white at all.

The other day, on XP, as a test I changed my system dialog color to Purple, just to test that method, and it worked, it returned the purple color that I had set. And SketchUp also used that color for background of it's dialogs and toolbars, etc.