richardc
26 Oct 2010, 6:30 AM
I am having a problem with icons appearing and disappearing on the toolbar when moused over on the HtmlEditor on IE6 and IE7.
GXT - version 2.2.0 (although the problem existed in older versions too)
I am having a lot of difficulty reproducing a simple test case - however, you can see the problem if you go to your examples at
http://www.sencha.com/examples/explorer.html#advancedforms
with either IE6/7
Code to reproduce it is below
import com.extjs.gxt.ui.client.GXT;
import com.extjs.gxt.ui.client.util.Theme;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.form.HtmlEditor;
import com.extjs.gxt.ui.client.widget.layout.FormData;
import com.extjs.gxt.ui.client.widget.layout.FormLayout;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
public class TheEntryPoint implements EntryPoint {
@Override
public void onModuleLoad() {
GXT.setDefaultTheme(Theme.BLUE, true);
LayoutContainer fp = new LayoutContainer();
fp.setStyleAttribute("position", "absolute");
HtmlEditor editor = new HtmlEditor();
FormLayout layout = new FormLayout();
fp.setLayout(layout);
fp.add(editor, new FormData("98%"));
RootPanel.get().add(fp);
}
}
Although removing the fp.setStyleAttribute("position", "absolute"); seems to make the icons work correctly and not having it in a formLayout also seems to make it work correctly which is why its hard to pin down.
GXT - version 2.2.0 (although the problem existed in older versions too)
I am having a lot of difficulty reproducing a simple test case - however, you can see the problem if you go to your examples at
http://www.sencha.com/examples/explorer.html#advancedforms
with either IE6/7
Code to reproduce it is below
import com.extjs.gxt.ui.client.GXT;
import com.extjs.gxt.ui.client.util.Theme;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.form.HtmlEditor;
import com.extjs.gxt.ui.client.widget.layout.FormData;
import com.extjs.gxt.ui.client.widget.layout.FormLayout;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
public class TheEntryPoint implements EntryPoint {
@Override
public void onModuleLoad() {
GXT.setDefaultTheme(Theme.BLUE, true);
LayoutContainer fp = new LayoutContainer();
fp.setStyleAttribute("position", "absolute");
HtmlEditor editor = new HtmlEditor();
FormLayout layout = new FormLayout();
fp.setLayout(layout);
fp.add(editor, new FormData("98%"));
RootPanel.get().add(fp);
}
}
Although removing the fp.setStyleAttribute("position", "absolute"); seems to make the icons work correctly and not having it in a formLayout also seems to make it work correctly which is why its hard to pin down.