Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Obscure Simplicity Skin Scrollbar error in Win8.1/IE11

    Hi Isomorphic,

    please see this very obscure Simplicity Skin Scrollbar visual glitch in Win8.1 (did not test Win7) using IE11. GC42 and FF26 are fine.

    BuiltInDS.java (5.0p / v10.0p_2015-05-14):
    Code:
    package com.smartgwt.sample.client;
    
    import java.util.LinkedHashMap;
    
    import com.google.gwt.core.client.EntryPoint;
    import com.smartgwt.client.Version;
    import com.smartgwt.client.core.KeyIdentifier;
    import com.smartgwt.client.data.DataSource;
    import com.smartgwt.client.util.Page;
    import com.smartgwt.client.util.PageKeyHandler;
    import com.smartgwt.client.util.SC;
    import com.smartgwt.client.widgets.form.DynamicForm;
    import com.smartgwt.client.widgets.form.fields.SelectItem;
    import com.smartgwt.client.widgets.form.fields.StaticTextItem;
    
    public class BuiltInDS implements EntryPoint {
    	private StaticTextItem version;
    
    	public void onModuleLoad() {
    		KeyIdentifier debugKey = new KeyIdentifier();
    		debugKey.setCtrlKey(true);
    		debugKey.setKeyName("D");
    
    		Page.registerKey(debugKey, new PageKeyHandler() {
    			public void execute(String keyName) {
    				SC.showConsole();
    			}
    		});
    		DynamicForm df = new DynamicForm();
    		df.setDataSource(DataSource.get("employees"));
    		df.setWidth(200);
    		df.setTitleWidth(180);
    		df.setCellPadding(7);
    		df.setNumCols(3);
    
    		version = new StaticTextItem("version", "SmartGWT version");
    		version.setColSpan(2);
    		version.setDefaultValue(Version.getVersion() + " / " + Version.getSCVersionNumber());
    		SelectItem si = new SelectItem("TYPE");
    		si.setCanEdit(true);
    		LinkedHashMap<String, String> hm = new LinkedHashMap<String, String>();
    		hm.put("C", "AAAAA");
    		hm.put("D", "BBBBB");
    		hm.put("R", "CCCCC");
    		si.setValueMap(hm);
    
    		df.setFields(version, si);
    		df.draw();
    	}
    }
    BuiltInDS.gwt.xml: (just using Simplicity)
    Code:
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.5.1//EN"
       "http://google-web-toolkit.googlecode.com/svn/tags/2.5.1/distro-source/core/src/gwt-module.dtd">
    <module rename-to="builtinds">
    	<inherits name='com.google.gwt.user.User' />
    	<inherits name="com.smartgwt.tools.SmartGwtTools" />
    	<inherits name="com.smartgwtee.tools.Tools" />
    <!--     <inherits name="com.smartgwtee.SmartGwtEE"/>
     -->
    	<inherits name="com.smartgwtee.SmartGwtEENoTheme" />
    	<inherits name="com.smartclient.theme.simplicity.Simplicity" />
    	
        <!-- Uncomment lines below for GWT Super Dev Mode Support:
           - both lines needed for GWT < 2.6, only the first line needed for GWT < 2.7
           - see http://www.smartclient.com/docs/release/a/b/c/go.html#group..debugging -->
        <!-- <add-linker name="xsiframe" />                                             -->
        <!-- <set-configuration-property name="devModeRedirectEnabled" value="true" />  -->
    
        <!-- Uncomment lines below for GWT "stack emulation" with file/line number info -->
        <!-- <set-property               name="compiler.stackMode"  value="emulated" /> -->
        <!-- <set-configuration-property name="compiler.emulatedStack.recordFileNames"
                                         value="true" />                                -->
        <!-- <set-configuration-property name="compiler.emulatedStack.recordLineNumbers"
                                         value="true" />                                -->
    
    	<entry-point class='com.smartgwt.sample.client.BuiltInDS' />
    </module>
    skin_styles.css addition at the end of the file (1 rule):
    Code:
    .formTitle, .formTitleFocused, .formTitleDisabled, .formCellError,
    	.formTitleError, .formHint, .formHintDisabled, .headerItem,
    	.headerItemDisabled, .headerItemError, .staticTextItem,
    	.staticTextItemDisabled, .staticTextItemError, .textItem,
    	.textItemFocused, .textItemDisabled, .textItemDisabledHint,
    	.textItemError, .textItemHint, .selectItemControl,
    	.selectItemControlError, .selectItemControlFocused, .selectItemText,
    	.selectItemTextError, .selectItemTextDisabled, .selectItemTextFocused,
    	.selectItemTextHint, .selectItemTextDisabledHint, .comboBoxItem,
    	.comboBoxItemFocused, .comboBoxItemError, .comboBoxItemDisabled,
    	.comboBoxItemPendingText, .pickListCell, .pickListCellSelected,
    	.pickListCellDisabled, .pickListCellDark, .pickListCellSelectedDark,
    	.pickListCellDisabledDark, .tallPickListCell, .tallPickListCellSelected,
    	.tallPickListCellDisabled, .tallPickListCellDark,
    	.tallPickListCellSelectedDark, .tallPickListCellDisabledDark,
    	.labelAnchor, .labelAnchorDisabled, .labelAnchorError,
    	.labelAnchorFocused {
    	font-family: sans-serif;
    	font-size: 14px;
    }
    As you can see in the attached screenshots, the selected row does not cover the whole width with the additional rule and the uncovered area looks funny with the 3 dotted borders.

    Best regards
    Blama
    Attached Files
Working...
X