Welcome Guest Search | Active Topics | Sign In | Register

Masked Edit not work in IE11 with Validator Options
Philipp Jenni
Posted: Saturday, June 28, 2014 12:18:31 PM
Rank: Advanced Member
Groups: Member

Joined: 6/9/2007
Posts: 98
Hi,

The follow Example doesn't work with ie11. The Cursor does not step to the next segement.

Code: HTML/ASPX
<eo:MaskedEdit ID="x2" runat="server">
    <eo:MaskedEditSegment SegmentType="Mask" Mask="00" MaxValue="23" MinValue="0" IsRequired="true" />
    <eo:MaskedEditSegment SegmentType="Literal" Text=":" />
    <eo:MaskedEditSegment SegmentType="Mask" Mask="00" MaxValue="59" MinValue="0" IsRequired="true" />
</eo:MaskedEdit>
<eo:MaskedEditValidator ID="xx" runat="server" ControlToValidate="x2" Display="None" />


I have this Problem in Release EO.Web 11.0.64.2

eo_support
Posted: Saturday, June 28, 2014 11:54:20 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,196
Hi,

We tested it here and it works fine. Could it has something to do with other contents in your page?

Thanks
Philipp Jenni
Posted: Sunday, June 29, 2014 11:11:10 AM
Rank: Advanced Member
Groups: Member

Joined: 6/9/2007
Posts: 98
Hi,

I have created a testpage for you where i can reproduce the problem:

Code: HTML/ASPX
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="JNetwork.WebAppBase.Test" %>

<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        
    <script type="text/javascript">
        function endedit_handler(cell, newValue) {
            if (newValue == undefined) {
                alert(errorIncorrectDate);
                return cell.getValue();
            }
            return newValue
        }
    </script>
    <eo:MaskedEdit ID="maskEdit" runat="server">
        <eo:MaskedEditSegment SegmentType="Mask" Mask="00" MaxValue="23" MinValue="0" IsRequired="true" />
        <eo:MaskedEditSegment SegmentType="Literal" Text=":" />
        <eo:MaskedEditSegment SegmentType="Mask" Mask="00" MaxValue="23" MinValue="0" IsRequired="true" />
    </eo:MaskedEdit>
    <eo:MaskedEditValidator ID="xx" runat="server" ControlToValidate="maskEdit" />

    <eo:Dialog ID="dlgEditMannschaft" runat="server" AcceptButtonPostBack="True" HeaderHtml="xxx"
        Height="450px" Width="750px" AcceptButton="cmdAddMannschaftSave" CancelButton="cmdAddMannschaftAbort">
        <ContentTemplate>
            <eo:TabStrip ID="tabEditMannschaft" runat="server" ControlSkinID="None" MultiPageID="mp_editMannschaft"
                Width="100%">
                <LookItems>
                    <eo:TabItem Height="21" HoverStyle-CssText="position: relative; top: 2px; background-image: url(00010502); background-repeat: repeat-x"
                        ItemID="_Default" LeftIcon-HoverUrl="00010506" LeftIcon-SelectedUrl="00010508"
                        LeftIcon-Url="00010504" NormalStyle-CssText="position: relative; top: 2px; background-image: url(00010501); background-repeat: repeat-x"
                        RightIcon-HoverUrl="00010507" RightIcon-SelectedUrl="00010509" RightIcon-Url="00010505"
                        SelectedStyle-CssText="background-image: url(00010503); background-repeat: repeat-x"
                        Text-Padding-Bottom="2" Text-Padding-Top="1">
                        <SubGroup ItemSpacing="1" Style-CssText="background-image:url(00010510);background-position-y:bottom;background-repeat:repeat-x;color:black;cursor:hand;font-family:'Microsoft Sans Serif',Verdana;font-size:8.25pt;">
                        </SubGroup>
                    </eo:TabItem>
                </LookItems>
                <TopGroup>
                    <Items>
                        <eo:TabItem PageViewID="pv_MannschaftAllgemein" Text-Html="X1" />
                        <eo:TabItem PageViewID="pv_MannschaftKontakt" Text-Html="X2" />
                    </Items>
                </TopGroup>
            </eo:TabStrip>

            <eo:MultiPage ID="mp_editMannschaft" runat="server" Height='180px' Width='100%'>
                <eo:PageView ID="pv_MannschaftAllgemein" runat="server" Width="100%">

                    <eo:Grid ID="gridMannschaftSperrDaten" runat="server" BorderColor="#828790" BorderWidth="1px"
                        ColumnHeaderAscImage="00050204" ColumnHeaderDescImage="00050205" ColumnHeaderDividerImage="00050203"
                        ColumnHeaderHeight="24" FixedColumnCount="1" Font-Bold="False" Font-Italic="False"
                        Font-Names="Tahoma" Font-Overline="False" Font-Size="8.75pt" Font-Strikeout="False"
                        Font-Underline="False" FullRowMode="False" GridLineColor="240, 240, 240" GridLines="Both"
                        Height="370px" ItemHeight="19" KeyField="Id" Width="700px" AllowNewItem="True"
                    >
                        <ItemStyles>
                            <eo:GridItemStyleSet>
                                <ItemStyle CssText="background-color: white" />
                                <ItemHoverStyle CssText="background-image: url(00050206); background-repeat: repeat-x" />
                                <SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x" />
                                <CellStyle CssText="padding-left:8px;padding-top:2px;white-space:nowrap;" />
                            </eo:GridItemStyleSet>
                        </ItemStyles>
                        <ColumnHeaderStyle CssText="background-image:url('00050201');padding-left:8px;padding-top:4px;" />
                        <ColumnHeaderHoverStyle CssText="background-image:url('00050202');padding-left:8px;padding-top:4px;" />
                        <Columns>
                            <eo:RowNumberColumn DataField="Id" Name="Id" HeaderText="Id" MaxWidth="50" Width="50">
                            </eo:RowNumberColumn>
                            <eo:DateTimeColumn DataField="Von" Name="von" DataFormat="{0:dd.MM.yyyy HH:mm}" HeaderText="Von"
                                MaxWidth="120" Width="120" DataType="DateTime" ClientSideEndEdit="endedit_handler">
                            </eo:DateTimeColumn>
                            <eo:DateTimeColumn DataField="Bis" Name="bis" DataFormat="{0:dd.MM.yyyy HH:mm}" DataType="DateTime"
                                HeaderText="Bis" MaxWidth="120" Width="120" ClientSideEndEdit="endedit_handler">
                            </eo:DateTimeColumn>
                            <eo:TextBoxColumn DataField="Grund" Name="grund" HeaderText="Grund" MaxWidth="350" Width="350">
                            </eo:TextBoxColumn>
                            <eo:DeleteCommandColumn DataField="id" DeleteText="Löschen" Width="60">
                            </eo:DeleteCommandColumn>
                        </Columns>
                        <ColumnTemplates>
                            <eo:DateTimeColumn>
                                <DatePicker ID="DatePicker2" runat="server" AllowMultiSelect="False" ControlSkinID="None" DayCellHeight="15"
                                    DayCellWidth="31" DayHeaderFormat="Short" DisabledDates="" OtherMonthDayVisible="True"
                                    PickerFormat="dd.MM.yyyy HH:mm" SelectedDates="" TitleFormat="MMMM, yyyy" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL"
                                    TitleRightArrowImageUrl="DefaultSubMenuIcon" VisibleDate="2009-08-01" TabIndex="9"
                                    MinValidDate="1900-01-01" FirstMonth="1900-01-01">
                                    <TodayStyle CssText="font-family:Verdana;font-size:8pt;background-image:url('00040401');color:#1176db;" />
                                    <SelectedDayStyle CssText="font-family:Verdana;font-size:8pt;background-image:url('00040403');color:Brown;" />
                                    <DisabledDayStyle CssText="font-family:Verdana;font-size:8pt;color: gray" />
                                    <FooterTemplate>
                                        <table border="0" cellpadding="0" cellspacing="5" style="font-size: 11px; font-family: Verdana">
                                            <tr>
                                                <td style="width: 30px;"></td>
                                                <td valign="center">
                                                    <img src="{img:00040401}" alt=""></img>
                                                </td>
                                                <td valign="center">Heute: {var:today:MM/dd/yyyy}
                                                </td>
                                            </tr>
                                        </table>
                                    </FooterTemplate>
                                    <CalendarStyle CssText="background-color:white;border-bottom-color:Silver;border-bottom-style:solid;border-bottom-width:1px;border-left-color:Silver;border-left-style:solid;border-left-width:1px;border-right-color:Silver;border-right-style:solid;border-right-width:1px;border-top-color:Silver;border-top-style:solid;border-top-width:1px;color:#2C0B1E;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px;" />
                                    <TitleArrowStyle CssText="cursor: hand" />
                                    <DayHoverStyle CssText="font-family:Verdana;font-size:8pt;background-image:url('00040402');color:#1c7cdc;" />
                                    <MonthStyle CssText="cursor:hand;margin-bottom:0px;margin-left:4px;margin-right:4px;margin-top:0px;" />
                                    <TitleStyle CssText="font-family:Verdana;font-size:8.75pt;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px;" />
                                    <DayHeaderStyle CssText="font-family:Verdana;font-size:8pt;border-bottom: #f5f5f5 1px solid" />
                                    <DayStyle CssText="font-family:Verdana;font-size:8pt;" />
                                </DatePicker>
                            </eo:DateTimeColumn>
                        </ColumnTemplates>
                        <FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
                    </eo:Grid>

                </eo:PageView>
                <eo:PageView ID="pv_MannschaftKontakt" runat="server">

                    <eo:Grid ID="gridMannschaftSperrDatenHeimspiele" runat="server" BorderColor="#828790" BorderWidth="1px"
                        ColumnHeaderAscImage="00050204" ColumnHeaderDescImage="00050205" ColumnHeaderDividerImage="00050203"
                        ColumnHeaderHeight="24" FixedColumnCount="1" Font-Bold="False" Font-Italic="False"
                        Font-Names="Tahoma" Font-Overline="False" Font-Size="8.75pt" Font-Strikeout="False"
                        Font-Underline="False" FullRowMode="False" GridLineColor="240, 240, 240" GridLines="Both"
                        Height="370px" ItemHeight="19" KeyField="Id" Width="700px" AllowNewItem="True"
                       >
                        <ItemStyles>
                            <eo:GridItemStyleSet>
                                <ItemStyle CssText="background-color: white" />
                                <ItemHoverStyle CssText="background-image: url(00050206); background-repeat: repeat-x" />
                                <SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x" />
                                <CellStyle CssText="padding-left:8px;padding-top:2px;white-space:nowrap;" />
                            </eo:GridItemStyleSet>
                        </ItemStyles>
                        <ColumnHeaderStyle CssText="background-image:url('00050201');padding-left:8px;padding-top:4px;" />
                        <ColumnHeaderHoverStyle CssText="background-image:url('00050202');padding-left:8px;padding-top:4px;" />
                        <Columns>
                            <eo:RowNumberColumn DataField="Id" Name="Id" HeaderText="id" MaxWidth="50" Width="50">
                            </eo:RowNumberColumn>
                            <eo:DateTimeColumn DataField="Von" Name="von" DataFormat="{0:dd.MM.yyyy HH:mm}" HeaderText="Von"
                                MaxWidth="120" Width="120" DataType="DateTime" ClientSideEndEdit="endedit_handler">
                            </eo:DateTimeColumn>
                            <eo:DateTimeColumn DataField="Bis" Name="bis" DataFormat="{0:dd.MM.yyyy HH:mm}" DataType="DateTime"
                                HeaderText="Bis" MaxWidth="120" Width="120" ClientSideEndEdit="endedit_handler">
                            </eo:DateTimeColumn>
                            <eo:TextBoxColumn DataField="Grund" Name="grund" HeaderText="Grund" MaxWidth="350" Width="350">
                            </eo:TextBoxColumn>
                            <eo:DeleteCommandColumn DataField="id" DeleteText="Löschen" Width="60">
                            </eo:DeleteCommandColumn>
                        </Columns>
                        <ColumnTemplates>
                            <eo:DateTimeColumn>
                                <DatePicker ID="DatePicker1" runat="server" AllowMultiSelect="False" ControlSkinID="None" DayCellHeight="15"
                                    DayCellWidth="31" DayHeaderFormat="Short" DisabledDates="" OtherMonthDayVisible="True"
                                    PickerFormat="dd.MM.yyyy HH:mm" SelectedDates="" TitleFormat="MMMM, yyyy" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL"
                                    TitleRightArrowImageUrl="DefaultSubMenuIcon" VisibleDate="2009-08-01" TabIndex="9"
                                    MinValidDate="1900-01-01" FirstMonth="1900-01-01">
                                    <TodayStyle CssText="font-family:Verdana;font-size:8pt;background-image:url('00040401');color:#1176db;" />
                                    <SelectedDayStyle CssText="font-family:Verdana;font-size:8pt;background-image:url('00040403');color:Brown;" />
                                    <DisabledDayStyle CssText="font-family:Verdana;font-size:8pt;color: gray" />
                                    <FooterTemplate>
                                        <table border="0" cellpadding="0" cellspacing="5" style="font-size: 11px; font-family: Verdana">
                                            <tr>
                                                <td style="width: 30px;"></td>
                                                <td valign="center">
                                                    <img src="{img:00040401}" alt=""></img>
                                                </td>
                                                <td valign="center">Heute: {var:today:MM/dd/yyyy}
                                                </td>
                                            </tr>
                                        </table>
                                    </FooterTemplate>
                                    <CalendarStyle CssText="background-color:white;border-bottom-color:Silver;border-bottom-style:solid;border-bottom-width:1px;border-left-color:Silver;border-left-style:solid;border-left-width:1px;border-right-color:Silver;border-right-style:solid;border-right-width:1px;border-top-color:Silver;border-top-style:solid;border-top-width:1px;color:#2C0B1E;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px;" />
                                    <TitleArrowStyle CssText="cursor: hand" />
                                    <DayHoverStyle CssText="font-family:Verdana;font-size:8pt;background-image:url('00040402');color:#1c7cdc;" />
                                    <MonthStyle CssText="cursor:hand;margin-bottom:0px;margin-left:4px;margin-right:4px;margin-top:0px;" />
                                    <TitleStyle CssText="font-family:Verdana;font-size:8.75pt;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px;" />
                                    <DayHeaderStyle CssText="font-family:Verdana;font-size:8pt;border-bottom: #f5f5f5 1px solid" />
                                    <DayStyle CssText="font-family:Verdana;font-size:8pt;" />
                                </DatePicker>
                            </eo:DateTimeColumn>
                        </ColumnTemplates>
                        <FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
                    </eo:Grid>
                </eo:PageView>
            </eo:MultiPage>

        </ContentTemplate>
    </eo:Dialog>

    </div>
    </form>
</body>
</html>


If remove the Script in on the page or the maskvalidator it works...
eo_support
Posted: Tuesday, July 1, 2014 10:23:24 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,196
Hi,

We were able to reproduce the problem when the MaskedEdit is initialized before the Validator were initialized. This is a timing issue and does not happen all the time, but it does happen rather frequently. We will fix this in our next build.

Thanks!
eo_support
Posted: Tuesday, July 8, 2014 7:05:07 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,196
Hi,

We have posted a new build that should address this problem. Please see your private message for the download location.

Thanks!
Philipp Jenni
Posted: Wednesday, July 9, 2014 3:40:47 PM
Rank: Advanced Member
Groups: Member

Joined: 6/9/2007
Posts: 98
I have tested your Release. It is fixed now and works fine.

Thanks Philipp
eo_support
Posted: Wednesday, July 9, 2014 11:01:14 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,196
Thanks for confirming the fix!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.