# WebDialog doesn't display images

**URL:** <https://forums.sketchup.com/t/webdialog-doesnt-display-images/27575>\
**Category:** Ruby API\
**Tags:** images, webdialog, ui::webdialog\
**Created:** [July 7, 2016, 2:56pm UTC](https://forums.sketchup.com/t/webdialog-doesnt-display-images/27575 "2016-07-07T14:56:32Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![wolfy76700](https://avatars.discourse-cdn.com/v4/letter/w/91b2a8/32.png) [@wolfy76700](https://forums.sketchup.com/u/wolfy76700)\
**Post date:** [July 7, 2016, 2:56pm UTC](https://forums.sketchup.com/t/webdialog-doesnt-display-images/27575/1 "2016-07-07T14:56:33Z")

</div>

Hi there! I have a new problem: I’m using a WebDialog to display a webpage, however on Windows the images weren’t able to load. Does anyone know of a workaround?

Here’s a screenshot: [https://drive.google.com/file/d/0Bx-NYabPCE8VWUhQcDdSMzFHbGc/view?usp=sharing](https://drive.google.com/file/d/0Bx-NYabPCE8VWUhQcDdSMzFHbGc/view?usp=sharing)  
Website is [bimandco.com](http://bimandco.com)

---

<div class="post-metadata">

**Author:** ![thomthom](https://sea2.discourse-cdn.com/sketchup/user_avatar/forums.sketchup.com/thomthom/32/12606_2.png) [@thomthom](https://forums.sketchup.com/u/thomthom)\
**Post date:** [July 7, 2016, 3:54pm UTC](https://forums.sketchup.com/t/webdialog-doesnt-display-images/27575/2 "2016-07-07T15:54:17Z")

</div>

Can you share a small snippet reproducing this?

Also, what SketchUp version and OS are you using? (What version of IE/Safari do you have installed?)

---

<div class="post-metadata">

**Author:** ![DanRathbun](https://sea2.discourse-cdn.com/sketchup/user_avatar/forums.sketchup.com/danrathbun/32/500_2.png) [@DanRathbun](https://forums.sketchup.com/u/DanRathbun)\
**Post date:** [July 7, 2016, 4:01pm UTC](https://forums.sketchup.com/t/webdialog-doesnt-display-images/27575/3 "2016-07-07T16:01:56Z")

</div>

On Windows you can just drag and drop image file(s) into the forum post edit box.

(_Moving to the [Ruby API](http://forums.sketchup.com/c/developers/ruby-api) category_.)

* * *

Testing the landing page for:  
[https://www.bimandco.com/en](https://www.bimandco.com/en)

The images load fine in MSIE v11 **outside** of SketchUp.

They load fine **inside** a SketchUp webdialog in SketchUp 2016, with browser emulation set to IE9, Win7 (with latest v11 installed and updated.) But your page can [override that setting](http://forums.sketchup.com/t/web-dialog-and-html-datalist/26881/5).

```ruby
d = UI::WebDialog::new("Test")
d.set_url( "https://www.bimandco.com/en" )
d.show

```

---

<div class="post-metadata">

**Author:** ![wolfy76700](https://avatars.discourse-cdn.com/v4/letter/w/91b2a8/32.png) [@wolfy76700](https://forums.sketchup.com/u/wolfy76700)\
**Post date:** [July 7, 2016, 8:03pm UTC](https://forums.sketchup.com/t/webdialog-doesnt-display-images/27575/4 "2016-07-07T20:03:00Z")

</div>

Using SketchUp Pro 2016 and Windows 8 (Fully updated with the latest updates). Not sure which version of IE it uses though. Most of the images work fine but the main photo section for an object seems broken (As seen here for reference: [Nintendo Wii Console BIM OBJECT: free BIM file downloads e.g., Revit, IFC, etc. | BIM&CO](https://www.bimandco.com/en/bimobjects/3480)). They do work in vanilla IE (But once again, not sure which version it is)

Tested on Mac and right now on Windows 10, images do load.

I will ask the website designer for a way to override the browser emulation default, that might solve the problem. I don’t want to break Mac or other Windows support though…

---

<div class="post-metadata">

**Author:** ![thomthom](https://sea2.discourse-cdn.com/sketchup/user_avatar/forums.sketchup.com/thomthom/32/12606_2.png) [@thomthom](https://forums.sketchup.com/u/thomthom)\
**Post date:** [July 8, 2016, 9:29am UTC](https://forums.sketchup.com/t/webdialog-doesnt-display-images/27575/5 "2016-07-08T09:29:52Z")

</div>

Hm… maybe this is an IE compatibility thing. When IE is embedded into a web view its put into an older compatibility mode than when in the browser. Normally you have to add a tag to force it to use the latest `<meta http-equiv="X-UA-Compatible" content="IE=edge"/>`

> **[Doctype Quirks vs Standard vs Superstandard ·...](https://github.com/thomthom/sketchup-webdialogs-the-lost-manual/wiki/Doctype---Quirks-vs-Standard-vs-Superstandard)**
>
> Collection of unofficial documentation of SketchUp's WebDialog class. - Doctype Quirks vs Standard vs Superstandard · thomthom/sketchup-webdialogs-the-lost-manual Wiki

And I could have understood if it was SVG files not being loaded. But it appear to be PNGs? That along with Dan indicating that an older IE mode (9) worked… strange.

---

<div class="post-metadata">

**Author:** ![DanRathbun](https://sea2.discourse-cdn.com/sketchup/user_avatar/forums.sketchup.com/danrathbun/32/500_2.png) [@DanRathbun](https://forums.sketchup.com/u/DanRathbun)\
**Post date:** [July 8, 2016, 4:06pm UTC](https://forums.sketchup.com/t/webdialog-doesnt-display-images/27575/6 "2016-07-08T16:06:49Z")

</div>

> [@wolfy76700](#):
>
> Using SketchUp Pro 2016 and Windows 8 (Fully updated with the latest updates). Not sure which version of IE it **_[SketchUp]_** uses though.

I had included a link to another topic thread that discussed how SketchUp uses the current MSIE libraries …

Basically SketchUp puts a default emulation version at registry key:  
**`HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION`**

_Ref:_ [Internet Feature Controls (B..C) (Internet Explorer) | Microsoft Learn](https://msdn.microsoft.com/en-us/library/ee330730(v=vs.85).aspx#browser_emulation)

I speculated that:

> [@Web Dialog and HTML (datalist)](https://forums.sketchup.com/t/web-dialog-and-html-datalist/26881/7):
>
> I think browser emulation has been set to `0x270F (9999)` since SketchUp stopped supporting Windows XP, which was `v 15.0`.

But I noted (in that thread) this is _likely_ set so as to allow **Trimble Extension Warehouse** and the **3D Warehouse** to work.

So, I don’t think they should be changed unless the SketchUp team asks us to.

I also said, in that thread, that it is best to override this using the `<meta>` tag, (as Thomas also says in his reply above.)

I included web links to good information about MSIE document compatibility.  
(I post them again for your web designer.)

- [**MSDN:** Defining document compatibility](https://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx)

* * *

> [@wolfy76700](#):
>
> They _[images]_ do work in **vanilla IE** (But once again, not sure which version it is)

It is traditional in Windows software, that there be an “ **About `<software name>`** ” link at the bottom of the “ **Help** ” menu, that opens an “ **About** ” dialog, that displays (in addition to copyright statements,) the **version** of the software.

Microsoft Internet Explorer continues this tradition.

For example, on my machine, the MSIE “ **About** ” dialog displays:

> **`Version: 11.0.9600.18349`**  
> **`Update Versions: 11.0.32 (KB3160005)`**

> [@wolfy76700](#):
>
> Most of the images work fine but the main photo section for an object seems broken (As seen here for reference: [Nintendo Wii Console BIM OBJECT: free BIM file downloads e.g., Revit, IFC, etc. | BIM&CO](https://www.bimandco.com/en/bimobjects/3480)).

Most of us have never seen your website before, so _“main photo section”_ meant nothing to me.

Okay, now YES I can see there is a big box labeled “ **Official** ”, and within it a left column of tabs, and an image broswer frame of some kind, accessed via the tab “ **Photos** ”.

**Within** SketchUp, the photos inside the image browser are little `[X]` symbols. Like the page cannot access the image resources.

These images are coming from another domain it looks like:  
`https://d2gs61btqzt6ta.cloudfront.net/photos/`

**Why use “https://” protocol ?**

* * *

Also in the head, I see:

```html
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

```

… and many references to a “ **role** ” attribute in the HTML elements.  
These pages are aimed at HTML 5.

* * *

And BTW, in American English we do not _normally_ use the term “Informations” spelled with an “s” on the end, in a plural sense. It sounds weird that way.

The word “Information” is a word describing a collection or set. Ie,

> **[Information | Definition of Information by Webster's Online Dictionary](https://www.webster-dictionary.org/definition/Information)**
>
> Looking for definition of Information? Information explanation. Define Information by Webster's Dictionary, WordNet Lexical Database, Dictionary of Computing, Legal Dictionary, Medical Dictionary, Dream Dictionary.

> 1. Any fact or set of facts, …

---

<div class="post-metadata">

**Author:** ![DanRathbun](https://sea2.discourse-cdn.com/sketchup/user_avatar/forums.sketchup.com/danrathbun/32/500_2.png) [@DanRathbun](https://forums.sketchup.com/u/DanRathbun)\
**Post date:** [July 8, 2016, 4:37pm UTC](https://forums.sketchup.com/t/webdialog-doesnt-display-images/27575/7 "2016-07-08T16:37:05Z")

</div>

Manually changing the registry browser emulation for SketchUp.exe up to `2AF9 (11001)` does not _directly_ help.

The image browser on that page is still broken.

**I suspect it is a security issue.**

* * *

OK, I am able to get the images to load, **sometimes** after refreshing the page **several** times.

```ruby
d = UI::WebDialog::new("Test",200,100,1000,800)
d.set_url( "https://www.bimandco.com/en/bimobjects/3480" )
d.allow_actions_from_host("bimandco.com")
d.allow_actions_from_host("d2gs61btqzt6ta.cloudfront.net")
d.show

```

---

<div class="post-metadata">

**Author:** ![wolfy76700](https://avatars.discourse-cdn.com/v4/letter/w/91b2a8/32.png) [@wolfy76700](https://forums.sketchup.com/u/wolfy76700)\
**Post date:** [July 12, 2016, 10:28am UTC](https://forums.sketchup.com/t/webdialog-doesnt-display-images/27575/8 "2016-07-12T10:28:49Z")

</div>

OK good to know. I’ll just warn the people who made the site so that they can troubleshoot that.

---

<div class="post-metadata">

**Author:** ![thomthom](https://sea2.discourse-cdn.com/sketchup/user_avatar/forums.sketchup.com/thomthom/32/12606_2.png) [@thomthom](https://forums.sketchup.com/u/thomthom)\
**Post date:** [July 13, 2016, 6:51pm UTC](https://forums.sketchup.com/t/webdialog-doesnt-display-images/27575/9 "2016-07-13T18:51:48Z")

</div>

> [@DanRathbun](#):
>
> So, I don’t think they should be changed unless the SketchUp team asks us to.

Correct, users should not change this. Developers should use the `META` tag to control the compatibility mode of their webdialog content. Otherwise it might break a number of things in SketchUp.
