View Full Version : CSS link missing (loader problems in IE)

27 Jan 2014, 1:19 AM
I'm trying to use "loader" to load a local page in a window. The page works in FF, but it doesn't work in IE.

Window code:

var win=new Ext.Window({
title: 'pop',
iconCls : 'grid',
items: [{
xtype: 'panel',
width: 1006,
height : 712,
loader: {
autoLoad: true,
url: '/send/SendTicketView.htm',
id: id

SendTicketView.htm code:

<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://localhost:7001/website/style/ticketview.css" rel="stylesheet" type="text/css" />

<div class="layout">

<div class="seq">

<div class="plan">


Page works in FF:

Page works in IE(6,7,8,9):
The CSS link was missing in IE.

Can anybody help me with this??? Thanks

27 Jan 2014, 10:45 PM

In IE(older version) isn't displaying the tags whereas in IE11 it is visible.

Though it is visible in other browsers it is not loading the css file as shown in the screenshot.

Below is the explanation,

loader (http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.AbstractComponent-cfg-loader) -> A configuration object or an instance of a Ext.ComponentLoader (http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.ComponentLoader) to load remote content for this Component.

ComponentLoader - HTML Renderer - > By default, the content loaded will be processed as raw html. The response text from the request is taken and added to the component. This can be used in conjunction with the scripts (http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.ComponentLoader-cfg-scripts) option to execute any inline scripts in the resulting content. Using this renderer has the same effect as passing the Ext.Component.html (http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.Component-cfg-html) configuration option.

I think there is no provision to load the css file.

Hope you got some info with this :)

Md Naveed

28 Jan 2014, 3:31 PM
I think you'll get better mileage if you use the iFrame ux class if you want to load a complete page, not just the HTML content: