html - GWT - InternetExplorer UI issue with HorizontalPanel -


I have a button panel in my GWT application, which is the HorizontalPanel with the button Is implemented in the form widgets & lt; G: cell & gt; are wrapped in elements. <: & lt; G: horizontal panel style name = "{style. horizontalPanel}" & gt; & Lt; Six cells & gt; & Lt; G: button ui: field = "selectButton" title = "{constants.buttonLabel}" text = "{constants.actionLabelSelect}" /> & Lt; / G: Cell & gt; ... & lt; / G: horizontal panel & gt; The

button contains the following CSS:

  .gwt-button {font-size: 13px; Color: # 337bb1; Margin: 0 px 10 pixels; Padding: 5px 7px; Border: 1 px solid # E3E3E3; }  

Button label often contains two words compared to all non-IE browsers, buttons are not fit in panel layout. Each button looks very wide, a fixed button is only shown partially. Also, even if I change the size of the scene ( Ctrl + "-" ), then it is still the case, since the entire panel with the button has been resized. The behavior of all FF and Chrome is: Button buttons are line-breaks if buttons are not fit in the browser window, and buttons are too small by default, so that it fits in the standard browser size.

Why is IE behaving differently?

Another problem with debugging is that in GWT's SuperDivoda and Devam, the problem is not even in IE.

How is this possible? / P>

Browser version: IE8, GWT version 2.5.1

Try

.gwt-button {... min-width: 135px; }

You can also try

  overflow: visible;  

Comments

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -