IE11: WebListBox LayoutSetting ItemHeight problems

yudi — Wed, 16 Apr 2014 00:08:03 GMT

Please forgive me for lack of understanding about the reported problem.

I created a simple sample based on the provided snippet code. When viewed in IE 11 browser, the page will look like following screenshot.

...but in IE 11 I run into an issue where it comes to a point where he wont scale down the items below 37px.

Could you possibly give us a step-by-step guide that we can use to observe the reported problem? Or shows the detail of the problem in screenshot.

Please find my simple sample in the attachment. Should you have any difficulties to download the attachment, please download the sample from this link.

IE11: WebListBox LayoutSetting ItemHeight problems

cebinger@axongmbh.de — Tue, 15 Apr 2014 04:48:39 GMT

Hello there,

I'm using a WebListBox and sized the Items to "10". In Internet Explorer 9 or 10 its working as expected but in IE 11 I run into an issue where it comes to a point where he wont scale down the items below 37px.

Here is the Code I'm using:

<ISWebEssentials:WebListBox ID="ListBox_Abteilung" runat="server" Height="520px"
                                                                Width="100%" FrameStyle-BackColor="White" FrameStyle-BackColor2="White" ContentFrameStyle-BackColor="White"
                                                                ContentFrameStyle-BackColor2="White" ValueFieldDataMember="RessourceKey" TextFieldDataMember="Name"
                                                                DefaultStyleMode="Minimalist" RenderingMode="HTML5">
                                                                <LayoutSettings ItemHeight="20" ScrollMode="Scroller" DisplayMode="Text"/>
                                                                <FrameStyle BackColor="White" BackColor2="255, 255, 255" BorderColor="#BFD6EF" BorderStyle="Solid"
                                                                    BorderWidth="1px" Font-Names="Segoe UI, Tahoma" Font-Size="9pt">
                                                                </FrameStyle>
                                                                <ContentFrameStyle BackColor="White" BackColor2="255, 255, 255">
                                                                </ContentFrameStyle>
                                                                <IndicatorStyle BackgroundImage="url(file" CustomRules="background-repeat:no-repeat;background-position:right center;position:absolute"
                                                                    Height="5px" Width="7px">
                                                                </IndicatorStyle>
                                                                <ItemStyle>
                                                                    <Normal BackColor="#EAF4FF" BackgroundImage="url(file" CustomRules="background-repeat:repeat-x;background-position:bottom"
                                                                        ForeColor="#1E395B" HorizontalAlign="Center">
                                                                        <BorderSettings>
                                                                            <Bottom Color="191, 214, 239" Style="solid" Width="1px" />
                                                                        </BorderSettings>
                                                                    </Normal>
                                                                    <Over BackColor="#FFFFFF" BackgroundImage="url(file" CustomRules="background-repeat:repeat-x;background-position:bottom"
                                                                        ForeColor="#1E395B" HorizontalAlign="Center">
                                                                        <BorderSettings>
                                                                            <Bottom Color="191, 214, 239" Style="solid" Width="1px" />
                                                                        </BorderSettings>
                                                                    </Over>
                                                                    <Active BackColor="#D1E6FF" BackgroundImage="url(file" CustomRules="background-repeat:repeat-x;background-position:bottom"
                                                                        ForeColor="#1E395B" HorizontalAlign="Center">
                                                                        <BorderSettings>
                                                                            <Bottom Color="191, 214, 239" Style="solid" Width="1px" />
                                                                        </BorderSettings>
                                                                    </Active>
                                                                </ItemStyle>
                                                                <TopScrollerStyle CustomRules="padding:3px" Height="5px" HorizontalAlign="Center">
                                                                </TopScrollerStyle>
                                                                <BottomScrollerStyle CustomRules="padding:3px" Height="5px" HorizontalAlign="Center">
                                                                </BottomScrollerStyle>
                                                            </ISWebEssentials:WebListBox>

Any advise here?

regards

Intersoft Community - WebEssentials - IE11: WebListBox LayoutSetting ItemHeight problems

IE11: WebListBox LayoutSetting ItemHeight problems

IE11: WebListBox LayoutSetting ItemHeight problems