Welcome Guest Search | Active Topics | Sign In | Register

Issues with Splitter / Dialog / DatePicker Options
Mackin
Posted: Thursday, February 11, 2010 3:54:36 PM
Rank: Advanced Member
Groups: Member

Joined: 6/1/2007
Posts: 31
Hello,

We have identified a couple issues which seem to be related to the Spitter control.

1. IE 7 on XP:
When viewing a page with the Splitter, that also has a Dialog control, the dialog will pop up, but it is disabled like the content page. You can cancel the dialog by using the esc key, but you can't do anything on the dialog.

2. FireFox (3.5.x) on Vista SP2, XP SP3, Mac 10.4.11:
When viewing a page with the Splitter, that also has DatePicker controls, the position of the calendar popups is not updated when you scroll the page. This was filxed for IE in a previous EO build, but is still not working in Firefox on the above OS's.

I just downloaded, installed and tested the latest Build of EO.Web. (EOWeb_70 build 53)

Below is the code to reproduce the problem:


Master page with splitter:

Code: HTML/ASPX
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="TestMasterPage.master.cs" Inherits="MasterPages_TestMasterPage" %>
<%@ Register TagPrefix="MyMenu" TagName="Footer" Src="~/Menus/FooterMenu.ascx" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title></title>
    <link id="myStyleSheet" href="../StyleSheets/StyleSheet.css" rel="stylesheet" type="text/css" runat="server" />
        
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
        <Services>
        </Services>
        </asp:ScriptManager>
        
    <asp:Table ID="ui_tbl_Main" runat="server" >
        <asp:TableRow>
            <asp:TableCell Height="60px">
            
            
                <table border="0" cellpadding="0" cellspacing="0" style="width:100%;">
                    <tr>
                        <td style="width:800px; white-space:nowrap; background-color: Black;">
                            <asp:ImageMap ImageAlign="AbsBottom" ID="HeaderLoggedOutGraphic" runat="server" Visible="true" ImageUrl="~/HeaderImages/Web-banner-START.gif" BorderWidth="0">
                                <asp:RectangleHotSpot Top="6" Bottom="65" Right="215" Left="15" HotSpotMode="Navigate" NavigateUrl="~/Index.aspx" />
                            </asp:ImageMap>
                            <asp:ImageMap ImageAlign="AbsBottom" ID="HeaderLoggedInGraphic" Visible="false" BorderWidth="0" runat="server" ImageUrl="../HeaderImages/Web-banner-MACKIN.gif">
                                <asp:RectangleHotSpot Top="6" Bottom="37" Right="121" Left="6" HotSpotMode="Navigate" NavigateUrl="~/Default.aspx" />
                                <asp:RectangleHotSpot Top="14" Bottom="35" Left="693" Right="744" HotSpotMode="Navigate"  NavigateUrl="~/Default.aspx?logout=yes" />
                            </asp:ImageMap>
                            <asp:Panel ID="WelcomeDiv" CssClass="WelcomeMessage" runat="server" Visible="false">
                                <asp:Label ID="WelcomMsg" runat="server" Text=""></asp:Label>
                            </asp:Panel>
                        </td>
                        <td class="LoggedInFiller" style="width: 100%;">

                        </td>
                    </tr>
                </table>
                    
            </asp:TableCell>
        </asp:TableRow>
        <asp:TableRow>
            <asp:TableCell Height="100%">
                            
                <asp:UpdatePanel ID="ui_udp_SplitterControl" runat="server">
                    <ContentTemplate>
                    <eo:Splitter ID="eo_splitter" runat="server" BorderColor="#A0A0A0"  
                        BorderStyle="Solid" BorderWidth="0px" ControlSkinID="None" DividerImage="00080101" 
                        DividerSize="8" Orientation="Vertical" 
                        Height="100%" Width="100%" HeightMargin="80" AutoFillWindow="true">
                        <eo:SplitterPane ID="eo_spl_FolderPane" runat="server" InitialSize="140" ScrollBars="Auto" State="Collapsed" >
                            <asp:UpdatePanel ID="ui_udp_BookList" runat="server">
                                <ContentTemplate>
                                    <asp:Table ID="ui_tbl_SplitterControl" runat="server" Width="100%">
                                        <asp:TableRow>
                                            <asp:TableCell></asp:TableCell>
                                            <asp:TableCell HorizontalAlign="Right">
                                            </asp:TableCell>
                                        </asp:TableRow>
                                    </asp:Table>
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </eo:SplitterPane>
                        <eo:SplitterPane ID="eo_spl_ContentPane" runat="server">
                            <asp:UpdatePanel ID="ui_udp_Expand" runat="server">
                                <ContentTemplate>
                                    <asp:Table ID="ui_tbl_SplitterExpand" runat="server" Width="100%">
                                        <asp:TableRow>
                                            <asp:TableCell HorizontalAlign="left">
                                            </asp:TableCell>
                                            <asp:TableCell> </asp:TableCell>
                                        </asp:TableRow>
                                    </asp:Table>
                                </ContentTemplate>
                            </asp:UpdatePanel>
                            <asp:Table ID="ui_tbl_ContentMain" runat="server" Width="100%">
                                <asp:TableRow>
                                    <asp:TableCell HorizontalAlign="Center">
                                        <div style="margin-left: 15px;">
                                            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                                            
                                            </asp:ContentPlaceHolder>
                                            <br />
                                        </div>
                                    </asp:TableCell>
                                </asp:TableRow>
                            </asp:Table>
                        </eo:SplitterPane>
                    </eo:Splitter>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </asp:TableCell>
        </asp:TableRow>
        <asp:TableRow>
            <asp:TableCell Height="30px"><MyMenu:Footer id="footermenu" runat="server" /></asp:TableCell>
        </asp:TableRow>
    </asp:Table>
    
    </form>
</body>
</html>


Content Page with Dialog and DatePicker's


Code: HTML/ASPX
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/TestMasterPage.master" AutoEventWireup="true" 
    CodeFile="Test_SplitterEditPage.aspx.cs" Inherits="LibraryFundraiser_Test_SplitterEditPage" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<%@ MasterType VirtualPath="~/MasterPages/TestMasterPage.master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 <table align="center" style="width: 700px;" border="0" cellpadding="15px" class="">
        <tr>
            <td align="center">
                <br /><br /><br />
                <asp:Label ID="ui_lbl_MyFundraisers" runat="server" Text="Edit Fundraiser Request" CssClass="pageheaderA"></asp:Label><br />   
                <asp:Label ID="ui_lbl_ErrorMsg" runat="server" Text="" CssClass="Links"></asp:Label>
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                        <table align="center" style="width: 450px; background-color: #ffffff; border: solid 0px #000000;" border="0" cellpadding="2px">
                            
                            <tr>
                                <td>
                                    <input type="button" id="btnShowDialog" onclick="eo_GetObject('NewVideoMessage').show(true);" value="Show Dialog" />
                                </td>
                            </tr>
                            
                            <tr>
                                <td colspan="5" align="left" valign="top">
                                    <fieldset>
                                    <legend><span class="Links"> User Information </span></legend>
                                    <table>
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                Email address
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_Email" runat="server" Text="" CssClass="formdata" />
                                                
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                Name
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_FirstName" runat="server" Text="" CssClass="formdata" /> 
                                                <asp:Label ID="ui_lbl_LastName" runat="server" Text="" CssClass="formdata" />
                                                
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                Title
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_Title" runat="server" Text="" CssClass="formdata" />
                                                
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                District
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_UserDistrict" runat="server" Text="" CssClass="formdata" />
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                School
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_UserSchool" runat="server" Text="" CssClass="formdata" />
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                Address
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_Address" runat="server" Text="" CssClass="formdata" />
                                                
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                City
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_City" ReadOnly="true" runat="server" Text="" CssClass="formdata" />
                                                
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                State
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_State" runat="server" Text="" CssClass="formdata" />
                                                
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                Postal/Zipcode
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_Zip" runat="server" Text="" CssClass="formdata" />
                                                
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                Phone
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_Phone" runat="server" Text="" CssClass="formdata" />
                                                
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle"></td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                 
                                            </td>
                                        </tr>
                                    </table>
                                    </fieldset>
                                </td>
                            </tr>
                            
                            <%--Begin Editable fields from User_Info--%>
                            
                            <tr>
                                <td colspan="5">
                                    <fieldset>
                                    <legend><span class="Links"> Fundraiser Information </span></legend>
                                    <table>
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap; ">
                                                Status
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_Status" runat="server" Text="" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="Links"></td>
                                            <td style="width: 10px;"></td>
                                            <td valign="middle" align="left" style="white-space: nowrap;">
                                                Date Requested
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:Label ID="ui_lbl_RequestDate" runat="server" Text="" />
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                District
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:TextBox ID="ui_txt_District" runat="server" Width="250" MaxLength="50"></asp:TextBox>
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links">*</td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                School
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:TextBox ID="ui_txt_School" runat="server" Width="250" MaxLength="45"></asp:TextBox>
                                                
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="middle" style="white-space: nowrap;">
                                                School Website
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:TextBox ID="ui_txt_SchoolWebsite" runat="server" Width="250" MaxLength="100"></asp:TextBox>
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links">*</td>
                                            <td style="width: 10px;"></td>
                                            <td valign="middle" align="left" style="white-space: nowrap;">
                                                Fundraiser Name
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <asp:TextBox ID="ui_txt_FundraiserName" runat="server" TextMode="SingleLine" Width="250px"
                                                    MaxLength="100" />
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links">*</td>
                                            <td style="width: 10px;"></td>
                                            <td valign="middle" align="left" style="white-space: nowrap;">
                                                Planned Start Date
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                
                                                <eo:DatePicker 
                                                    ID="ui_eo_dp_StartDate" 
                                                    runat="server" 
                                                    ControlSkinID="DateStart" 
                                                    CssBlock="&lt;style  type=&quot;text/css&quot;&gt; 
                                                               a.eo_calendar_style1_title_button 
                                                               { 
                                                                    width: 21px;
                                                                    height: 17px;
                                                                    border-right: #f3f3f3 1px solid; 
                                                                    border-top: #f3f3f3 1px solid; 
                                                                    border-left: #f3f3f3 1px solid; 
                                                                    border-bottom: #f3f3f3 1px solid; 
                                                                    background-color: transparent; 
                                                               }                                                    
                                                               a.eo_calendar_style1_title_button:hover 
                                                               { 
                                                                    width: 21px;
                                                                    height: 17px;
                                                                    border-right: #0044ff 1px solid; 
                                                                    border-top: #0044ff 1px solid; 
                                                                    border-left: #0044ff 1px solid; 
                                                                    border-bottom: #0044ff 1px solid; 
                                                                    background-color: #aaaaff   
                                                               }   
                                                            &lt;/style&gt;" 
                                                    DayCellHeight="14" DayCellWidth="22" DisabledDates="" DisableWeekendDays="false" PopupExpandDirection="TopRight" VisibleDate="2008-12-01"
                                                    MonthGridLineColor="DarkOrchid" MonthGridLineVisible="True" FirstMonth="2000-01-01"
                                                    MinValidDate="2000-01-01">
                                                    <TodayHoverStyle CssText="background-color:#ccffcc;" />
                                                    <TitleTemplate>
                                                        <table border="0" cellpadding="0" cellspacing="0" style="background-color: #f3f3f3;
                                                            font-size: 11px; font-family: verdana;" width="100%">
                                                            <tr>
                                                                <!-- Previous Year -->
                                                                <td>
                                                                    <a class="eo_calendar_style1_title_button" href="javascript: void {var:this}.goTo(-12);">
                                                                        <img border="0" src="{img:00040302}" />
                                                                    </a>
                                                                </td>
                                                                <!-- Previous Month -->
                                                                <td>
                                                                    <a class="eo_calendar_style1_title_button" href="javascript: void {var:this}.goTo(-1);">
                                                                        <img border="0" src="{img:00040301}" />
                                                                    </a>
                                                                </td>
                                                                <!-- Current Month -->
                                                                <td align="center" width="99%">
                                                                    {var:visible_date:MMM - yy}
                                                                </td>
                                                                <!-- Next Month -->
                                                                <td>
                                                                    <a class="eo_calendar_style1_title_button" href="javascript: void {var:this}.goTo(1);">
                                                                        <img border="0" src="{img:00040303}" />
                                                                    </a>
                                                                </td>
                                                                <!-- Next Year -->
                                                                <td>
                                                                    <a class="eo_calendar_style1_title_button" href="javascript: void {var:this}.goTo(12);">
                                                                        <img border="0" src="{img:00040304}" />
                                                                    </a>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </TitleTemplate>
                                                    <SelectedDayStyle CssText="background-color:White;border-bottom-color:Black;border-bottom-style:solid;border-bottom-width:1px;border-left-color:Black;border-left-style:solid;border-left-width:1px;border-right-color:Black;border-right-style:solid;border-right-width:1px;border-top-color:Black;border-top-style:solid;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                                                    <PopupExpandEffect Type="GlideBottomLeftToTopRight" />
                                                    <WeekendDayStyle CssText="color:gray;font-family:Arial;" />
                                                    <DisabledDayStyle CssText="font-family: verdana; font-size: 8pt; border-bottom-color:#CFD9C0;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#CFD9C0;border-left-style:solid;border-left-width:1px;border-right-color:#CFD9C0;border-right-style:solid;border-right-width:1px;border-top-color:#CFD9C0;border-top-style:solid;border-top-width:1px;color:gray;" />
                                                    <TitleArrowHoverStyle CssText="background-color:#ffff66;" />
                                                    <PopupCollapseEffect Type="GlideBottomLeftToTopRight" />
                                                    <MonthSelectorStyle CssText="background-color:#ffff99;font-family:Arial;" />
                                                    <PickerStyle CssText="font-family:Arial;" />
                                                    <CalendarStyle CssText="background-color:#666699;border-bottom-color:#555566;border-bottom-style:ridge;border-bottom-width:1px;border-left-color:#555566;border-left-style:ridge;border-left-width:1px;border-right-color:#555566;border-right-style:ridge;border-right-width:1px;border-top-color:#555566;border-top-style:ridge;border-top-width:1px;font-family:Arial;" />
                                                    <TitleArrowStyle CssText="font-family:Arial;" />
                                                    <DayHoverStyle CssText="background-color:#ffff66;border-bottom-color:#009933;border-bottom-style:inset;border-bottom-width:1px;border-left-color:#009933;border-left-style:inset;border-left-width:1px;border-right-color:#009933;border-right-style:inset;border-right-width:1px;border-top-color:#009933;border-top-style:inset;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                                                    <MonthStyle CssText="background-color:#ffffcc;cursor:hand;font-family:Arial;" />
                                                    <TitleStyle CssText="font-family:Arial;font-weight:bold;" />
                                                    <WeekendDayHoverStyle CssText="font-family:Arial;" />
                                                    <MonthTitleStyle CssText="font-family:Arial;font-weight:bold;" />
                                                    <DayHeaderStyle CssText="background-color:#ffcc00;border-bottom-color:#555566;border-bottom-style:solid;border-bottom-width:1px;color:black;font-family:Arial;font-size:11px;font-weight:bold;" />
                                                    <DayStyle CssText="border-bottom-color:#ffcc66;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#ffcc66;border-left-style:solid;border-left-width:1px;border-right-color:#ffcc66;border-right-style:solid;border-right-width:1px;border-top-color:#ffcc66;border-top-style:solid;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                                                </eo:DatePicker>
                                                                                       
                                                
                                            </td>
                                        </tr>
                                        
                                        
                                        
                                        <tr>
                                            <td class="Links">*</td>
                                            <td style="width: 10px;"></td>
                                            <td valign="middle" align="left" style="white-space: nowrap;">
                                                Planned End Date
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left">
                                                <eo:DatePicker 
                                                    ID="ui_eo_dp_EndDate"
                                                    runat="server" 
                                                    ControlSkinID="DateEnd" 
                                                    CssBlock="&lt;style  type=&quot;text/css&quot;&gt; 
                                                               a.eo_calendar_style1_title_button 
                                                               { 
                                                                    width: 21px;
                                                                    height: 17px;
                                                                    border-right: #f3f3f3 1px solid; 
                                                                    border-top: #f3f3f3 1px solid; 
                                                                    border-left: #f3f3f3 1px solid; 
                                                                    border-bottom: #f3f3f3 1px solid; 
                                                                    background-color: transparent; 
                                                               }                                                    
                                                               a.eo_calendar_style1_title_button:hover 
                                                               { 
                                                                    width: 21px;
                                                                    height: 17px;
                                                                    border-right: #0044ff 1px solid; 
                                                                    border-top: #0044ff 1px solid; 
                                                                    border-left: #0044ff 1px solid; 
                                                                    border-bottom: #0044ff 1px solid; 
                                                                    background-color: #aaaaff   
                                                               }   
                                                            &lt;/style&gt;" 
                                                    DayCellHeight="14" DayCellWidth="22" DisabledDates="" DisableWeekendDays="false" PopupExpandDirection="TopRight" VisibleDate="2008-12-01"
                                                    MonthGridLineColor="DarkOrchid" MonthGridLineVisible="True" FirstMonth="2000-01-01"
                                                    MinValidDate="2000-01-01">
                                                    <TodayHoverStyle CssText="background-color:#ccffcc;" />
                                                    <TitleTemplate>
                                                        <table border="0" cellpadding="0" cellspacing="0" style="background-color: #f3f3f3;
                                                            font-size: 11px; font-family: verdana;" width="100%">
                                                            <tr>
                                                                <!-- Previous Year -->
                                                                <td>
                                                                    <a class="eo_calendar_style1_title_button" href="javascript: void {var:this}.goTo(-12);">
                                                                        <img border="0" src="{img:00040302}" />
                                                                    </a>
                                                                </td>
                                                                <!-- Previous Month -->
                                                                <td>
                                                                    <a class="eo_calendar_style1_title_button" href="javascript: void {var:this}.goTo(-1);">
                                                                        <img border="0" src="{img:00040301}" />
                                                                    </a>
                                                                </td>
                                                                <!-- Current Month -->
                                                                <td align="center" width="99%">
                                                                    {var:visible_date:MMM - yy}
                                                                </td>
                                                                <!-- Next Month -->
                                                                <td>
                                                                    <a class="eo_calendar_style1_title_button" href="javascript: void {var:this}.goTo(1);">
                                                                        <img border="0" src="{img:00040303}" />
                                                                    </a>
                                                                </td>
                                                                <!-- Next Year -->
                                                                <td>
                                                                    <a class="eo_calendar_style1_title_button" href="javascript: void {var:this}.goTo(12);">
                                                                        <img border="0" src="{img:00040304}" />
                                                                    </a>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </TitleTemplate>
                                                    <SelectedDayStyle CssText="background-color:White;border-bottom-color:Black;border-bottom-style:solid;border-bottom-width:1px;border-left-color:Black;border-left-style:solid;border-left-width:1px;border-right-color:Black;border-right-style:solid;border-right-width:1px;border-top-color:Black;border-top-style:solid;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                                                    <PopupExpandEffect Type="GlideBottomLeftToTopRight" />
                                                    <WeekendDayStyle CssText="color:gray;font-family:Arial;" />
                                                    <DisabledDayStyle CssText="font-family: verdana; font-size: 8pt; border-bottom-color:#CFD9C0;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#CFD9C0;border-left-style:solid;border-left-width:1px;border-right-color:#CFD9C0;border-right-style:solid;border-right-width:1px;border-top-color:#CFD9C0;border-top-style:solid;border-top-width:1px;color:gray;" />
                                                    <TitleArrowHoverStyle CssText="background-color:#ffff66;" />
                                                    <PopupCollapseEffect Type="GlideBottomLeftToTopRight" />
                                                    <MonthSelectorStyle CssText="background-color:#ffff99;font-family:Arial;" />
                                                    <PickerStyle CssText="font-family:Arial;" />
                                                    <CalendarStyle CssText="background-color:#666699;border-bottom-color:#555566;border-bottom-style:ridge;border-bottom-width:1px;border-left-color:#555566;border-left-style:ridge;border-left-width:1px;border-right-color:#555566;border-right-style:ridge;border-right-width:1px;border-top-color:#555566;border-top-style:ridge;border-top-width:1px;font-family:Arial;" />
                                                    <TitleArrowStyle CssText="font-family:Arial;" />
                                                    <DayHoverStyle CssText="background-color:#ffff66;border-bottom-color:#009933;border-bottom-style:inset;border-bottom-width:1px;border-left-color:#009933;border-left-style:inset;border-left-width:1px;border-right-color:#009933;border-right-style:inset;border-right-width:1px;border-top-color:#009933;border-top-style:inset;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                                                    <MonthStyle CssText="background-color:#ffffcc;cursor:hand;font-family:Arial;" />
                                                    <TitleStyle CssText="font-family:Arial;font-weight:bold;" />
                                                    <WeekendDayHoverStyle CssText="font-family:Arial;" />
                                                    <MonthTitleStyle CssText="font-family:Arial;font-weight:bold;" />
                                                    <DayHeaderStyle CssText="background-color:#ffcc00;border-bottom-color:#555566;border-bottom-style:solid;border-bottom-width:1px;color:black;font-family:Arial;font-size:11px;font-weight:bold;" />
                                                    <DayStyle CssText="border-bottom-color:#ffcc66;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#ffcc66;border-left-style:solid;border-left-width:1px;border-right-color:#ffcc66;border-right-style:solid;border-right-width:1px;border-top-color:#ffcc66;border-top-style:solid;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                                                </eo:DatePicker>
                                                
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links" valign="top">*</td>
                                            <td style="width: 10px;"></td>
                                            <td valign="middle" align="left" style="white-space: nowrap;">
                                                Fundraising Goal
                                            </td>
                                            <td style="width: 10px;" align="right">
                                                <span class="moneyTextBold">$</span>
                                            </td>
                                            <td align="left">
                                                <asp:TextBox ID="ui_txt_Goal" runat="server" CssClass="moneyTextNormal" MaxLength="7" Width="50px"></asp:TextBox><span class="moneyTextBold">.00</span>
                                                
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links"></td>
                                            <td style="width: 10px;"></td>
                                            <td valign="top" align="left" style="white-space: nowrap;">
                                                Notes<br /><br />
                                                <input type="button" id="btn_TimeStamp" value="Stamp&nbsp;&gt;&gt;" />
                                            </td>
                                            <td style="width: 10px;" align="right">
                                                 
                                            </td>
                                            <td align="left">
                                                <asp:TextBox ID="ui_txt_CustomerNotes" runat="server" TextMode="MultiLine" Rows="5" Columns="30"></asp:TextBox>
                                            </td>
                                        </tr>
                                        
                                        
                                        
                                        <asp:Panel ID="ui_pnl_Templates" runat="server">
                                        
                                        <tr>
                                            <td class="Links">*</td>
                                            <td style="width: 10px;"></td>
                                            <td colspan="3" align="left" valign="top" style="white-space: nowrap;">
                                                Select a Template <span class="Links">(required if approving)</span>
                                            </td>                                            
                                        </tr>
                                        
                                        <tr>
                                            <td class="Links"> </td>
                                            <td style="width: 10px;"></td>
                                            <td align="left" valign="top" style="white-space: nowrap;">
                                                <asp:RadioButton ID="ui_rdo_StockTemplate" runat="server" GroupName="FundraiserTemplate" Text="Stock" TextAlign="Right" Checked="true" AutoPostBack="true" /> 
                                                <asp:RadioButton ID="ui_rdo_UserTemplate" runat="server" GroupName="FundraiserTemplate" Text="User" TextAlign="Right" AutoPostBack="true" />
                                            </td>
                                            <td style="width: 10px;">
                                            </td>
                                            <td align="left" valign="top">
                                                <%--Stock Template--%>
                                                <asp:Panel ID="ui_pnl_StockTemplate" runat="server">
                                                <asp:DropDownList 
                                                    ID="FundraiserTemplates" 
                                                    runat="server"
                                                    DataTextField="TemplateName"
                                                    DataValueField="ID"  />                                                
                                                </asp:Panel>
                                                <asp:Panel ID="ui_pnl_UserTemplate" runat="server">
                                                <%--User Template--%>
                                                <asp:DropDownList 
                                                    ID="DDLUserTemplates" 
                                                    runat="server"
                                                    DataTextField="TemplateName"
                                                    DataValueField="ID" />
                                                                                                  
                                                </asp:Panel>
                                                <asp:Label ID="ui_lbl_TemplateError" runat="server" CssClass="failedValidationText" Visible="false"></asp:Label>
                                            </td>
                                        </tr>
                                        </asp:Panel>
                                        
                                        <tr>
                                            <td colspan="5"> </td>
                                        </tr>
                                        <tr>
                                            <td class="Links">*</td>
                                            <td style="width: 10px;"></td>
                                            <td valign="middle" align="left" style="white-space: nowrap;" class="Links">
                                                Required Fields
                                            </td>
                                            <td> </td>
                                            <td> </td>                                            
                                        </tr>
                                        <tr>
                                            <td align="center" colspan="5">
                                                <asp:RadioButton ID="ui_rb_ActionApprove_Update" runat="server" Text="Approve" GroupName="formActions" />
                                                <asp:RadioButton ID="ui_rb_Activate_Hold" runat="server" Text="Activate" GroupName="formActions" />
                                                <asp:RadioButton ID="ui_rb_Deny" runat="server" Text="Deny" GroupName="formActions" />
                                                
                                                <br /><br />
                                                
                                                <asp:Button ID="ui_btn_Save" runat="server" Width="75" Text=" Save " /> 
                                                <asp:Button ID="ui_btn_Cancel" runat="server" Width="75" Text =" Cancel " /> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="5">
                                                <asp:Label ID="ui_lbl_SubmitMessage" runat="server" Text="" CssClass="failedValidationText"></asp:Label><br />
                                                <asp:Label ID="ui_lbl_DirectoryMessage" runat="server" Text="" CssClass="failedValidationText"></asp:Label>                                                
                                            </td>
                                        </tr>
                                    </table>
                                    </fieldset>
                                </td>
                            </tr> 
                                  
                            <%--End Editable fields from User_Info--%>                                                        
                            
                        </table>
                    </ContentTemplate>                    
                </asp:UpdatePanel>
            </td>
        </tr>
    </table>
    
    <eo:Dialog  ID="NewVideoMessage" 
                    runat="server" 
                    Width="500px" 
                    Height="125px" 
                    HeaderHtml="Test Dialog" 
                    AllowResize="True" 
                    ControlSkinID="None" 
                    ShadowColor="Gray" 
                    ShadowDepth="0" 
                    BackShadeColor="Gray" 
                    BackShadeOpacity="55" 
                    BorderColor="Black" 
                    BorderStyle="Solid" 
                    BorderWidth="1px"
                    ResizeImageUrl="00020014" 
                    RestoreButtonUrl="00070103" 
                    CloseButtonUrl="00070101" 
                    AcceptButtonPostBack="true">
                    <%--
                    AcceptButton="ui_btn_SaveVideo"
                    ClientSideOnAccept="ui_btn_SaveVideo_ClientClick"
                    --%>                
        <ContentTemplate> 
            <br />
            <table align="center" cellpadding="5" cellspacing="0">
                <tr>
                    <td align="left" valign="top">
                        <span class="failedValidationText">*</span>Test  
                    </td>
                    <td valign="top">
                        <asp:TextBox 
                            ID="ui_txt_Test" 
                            runat="server" 
                            CausesValidation="false" 
                            Width="300" 
                            MaxLength="50" /><br />                                            
                    </td>
                </tr>
            </table>            
        </ContentTemplate>
        <HeaderStyleActive CssClass="DialogHeader" />
        <FooterStyleActive CssClass="DialogFooter" />
        <ContentStyleActive CssClass="DialogContent" />
    </eo:Dialog>    
</asp:Content>



Thanks
eo_support
Posted: Monday, February 22, 2010 12:13:03 PM
Rank: Administration
Groups: Administration

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

We have posted a new build that should fix the DatePicker position issue. We are not able to reproduce the dialog issue though. Can you try the new build and let us know if the problem still occurs?

Thanks!
Mackin
Posted: Friday, February 26, 2010 4:44:35 PM
Rank: Advanced Member
Groups: Member

Joined: 6/1/2007
Posts: 31
Thanks for the update. The new build corrected the calendar popup issue on Firefox,

However, the dialog issue is still a problem in IE 7 on XP. Can you see any problem with our implementation in the attached code? This is the same as all of our dialogs. The only thing different is the addition of the splitter and only seems to be affecting IE 7 on XP.

Thanks
eo_support
Posted: Friday, February 26, 2010 6:03:29 PM
Rank: Administration
Groups: Administration

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

We will see what we can do.

Thanks!


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.