Quantcast
Channel: SmartClient Forums
Viewing all articles
Browse latest Browse all 4756

Obscure Simplicity Skin Scrollbar error in Win8.1/IE11

$
0
0
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 Images
File Type: png IE11_scrollbar.png (11.3 KB)

Viewing all articles
Browse latest Browse all 4756

Trending Articles