|
|
Rank: Advanced Member
Groups: Member
Joined: 9/4/2007
Posts: 114
|
Hello, I have been using DatePickers on some of my forms for a while, and recently, one of the developers added a Splitter with a two SplitterPanes on the MasterPage. Now, if you scroll the page vertically, or horizontally, the popup calendar stays in the original location on the page where the was before the page scrolled. If you comment out the Splitter in the MasterPage, leaving only the asp:Table containg the ContentPlaceHolder1, the problem goes away. Is this a known issue, or is there a fix for it ( aside from not using the splitter )? Here is the markup for the MasterPage:
Code: HTML/ASPX
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="TestMasterPage.master.cs" Inherits="MasterPages_TestMasterPage" %>
<%@ 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>
<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: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%" 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>
</form>
</body>
</html>
Her is the markup for the content page:
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 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="<style type="text/css">
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
}
</style>"
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="<style type="text/css">
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
}
</style>"
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 >>" />
</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>
</asp:Content>
Thanks,
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
We have confirmed this to be an issue. We should be able to provide you an update build in a few days.
Thanks!
|
|
Rank: Advanced Member
Groups: Member
Joined: 9/4/2007
Posts: 114
|
This is also affecting some of our other script-generated pop-ups for images and note text display. Below is how we are displaying our pop-up divs. You may want to be aware of this as well while resolving the issue with the DatePicker/Splitter controls. /// C# code to add the script call to our element (Attributes.Add):
Code: C#
protected void MyGridView_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
((Image)e.Row.FindControl("Image3")).Attributes.Add("onmouseover", "javascript:getnotes('" + OrderID + "', '_" + OrderID + "','" + ((Image)e.Row.FindControl("Image3")).ClientID + "'); positionShowDiv('hoverMenuDiv', event);");
}
}
Javascript to show the div:
Code: JavaScript
function positionShowDiv(DivID, e) {
// var splitterWidth = eo_GetObject('eo_splitter').getLeftPane().getWidth();
// the above was implemented to handle the offset for the splitter width. commented out for this issue.
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
posx = e.pageX + 10; // (10 - splitterWidth); hide the splitterWidth inclusion until resolution is provided.
posy = e.pageY - 110;
}
else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft + 10; //(10 - splitterWidth);
posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop-110;
}
// posx and posy contain the mouse position relative to the document
// Do something with this information
myElement = document.getElementById(DivID);
myElement.style.top = posy + 'px';
myElement.style.left = posx + 'px';
myElement.style.visibility = 'visible';
//alert('Splitter = ' + splitterWidth);
}
Thanks.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
The issue is not a Splitter issue. It has to do with how we calculated the calendar drop down location, so it should not have any impact on your code. Thus the fix won't address any issue you may have with the popup you are showing either.
Thanks!
|
|
Rank: Advanced Member
Groups: Member
Joined: 9/4/2007
Posts: 114
|
Ok, we'll work it out here if needed.
Thanks,
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
We have posted a new build (2007.0.50) that should fix this problem. Please download it from our download page and let us know how it goes.
Thanks!
|
|
Rank: Advanced Member
Groups: Member
Joined: 9/4/2007
Posts: 114
|
That build corrected the issue with the positioning of the calendar drop-down location on the DatePicker.
Thanks
Has anyone addressed or fixed the issue with positioning popup divs inside the splitterpanes using script similar to our example code?
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
The main problem of your script is it did not take in consideration any possible scroll offset throughout the DOM hierarchy (in this case the splitter pane), in addition there are also a number of browser quirks that needs to be taken into consideration. So the actual code to position a popup DIV is much more complicated. Unfortunately we are not able to share our script with you, but you can try to modify your script or search online with those issues in mind. In the future we will see if we can expose our positioning function as a documented API so that you can use it directly.
Thanks!
|
|