DatePicker Error - Essential Objects, Inc. Support Forum

Welcome Guest

Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » DatePicker Error

2 pages: [1] 2

DatePicker Error

Options

Previous Topic · Next Topic

Venkat

Posted: Friday, December 7, 2007 11:39:15 AM

Rank: Member
Groups: Member

Joined: 9/28/2007
Posts: 20

I am using 2 datepicker controls on the same page. These 2 controls are in different "<table>" tags. The ID's of both these controls are different. But when I select the date from begin date, it gives me a following error.

EO.Web Controls Client Side Debug message.

function eo_GetObject encountered mulriple objects with the same id. This happens when multiple server controls have the same ID, but resides in different naming containers, for example, different user controls or different rows in a templated datagrid. Please correct the problem by calling eo_GetObject with ClientID of the control instead of the ID of the control.

You can turn off this message by setting EO.Web.Runtime.DebugLevel to 0(Not recommended for debug build).

Following is the code I am writting to display 2 different DatePicker.

<table>
<tr>
<td>
<table id="tblPeriodDate">
<tr>
<td colspan = "3">
<span id="1">
<PDR:Calendar id="dpPeriod" runat="server" bdText="*Begin Date" edText="*End Date">
</PDR:Calendar>
</span>
</td>
</tr>
</table>

<table id="tblIncurDate" style="display:none">
<tr>
<td colspan = "3">
<span id="2">
<PDR:Calendar id="dpIncur123" runat="server" bdText="*Begin Date" edText="*End Date">
</PDR:Calendar>
</span>
</td>
</tr>
</table>
</td>
</tr>

eo_support

Posted: Friday, December 7, 2007 11:51:24 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,097

That's normal. You need to give eo_GetObject the full ClientID instead of ID.

Posted: Thursday, July 3, 2008 8:56:34 AM

Rank: Member
Groups: Member

Joined: 4/18/2008
Posts: 19

I have a similar problem. I have 2 date picker controls on my aspx page which are in a web user control. I too got that error message, so in javascript function that is called to show the year context popup menu I changed my code from:
eo_GetObject(g_curCalendar).showContextMenu(yearPicker, "yearContextMenu");
to
eo_GetObject(g_curCalendar).showContextMenu(yearPicker, "<%=yearContextMenu.ClientID%>");

The problem I get now is that the Contect Menu year link no longer works for the 1st dat picker because because the call to "<%=yearContextMenu.ClientID%>" returns the same clientID for the 1st control as it does for the second control. So basically, the clientID for both my controls are
ctl00_contentPlaceHolder_createModifyControl_expectedEffectiveDateDatePicker_yearContextMenu
which is really the clientId of the 2nd control.

Here is my javascript function:
function ShowYearPopup(refLink)
{
g_curCalendar = "<%=dateOEDatePicker.ClientID%>";
var yearPicker = document.getElementById(refLink);
// alert("yearContextMenu.ClientID is " + "<%=yearContextMenu.ClientID%>");
// eo_GetObject(g_curCalendar).showContextMenu(yearPicker, "yearContextMenu");
eo_GetObject(g_curCalendar).showContextMenu(yearPicker, "<%=yearContextMenu.ClientID%>");
}

here is my title template:
<TitleTemplate>
{var:visible_date:MMMM}
<a id="monthPicker" href="javascript:ShowMonthPopup('monthPicker')"><img alt="^" src="{img:00020012}" border="0" /></a>
{var:visible_date:yyyy}
<a id="yearPicker" href="javascript:ShowYearPopup('yearPicker')"><img alt="^" src="{img:00020012}" border="0" /></a>
</TitleTemplate>

here is the year context menu:
<eo:ContextMenu id="yearContextMenu" ControlSkinID="None" Width="80px" ClientSideOnItemClick="YearMenuClicked"
EnableScrolling="True" ScrollUpLookID="scroll_up" ScrollDownLookID="scroll_down" runat="server">
<TopGroup Style-CssText="border-left-color:#e0e0e0;border-left-style:solid;border-left-width:1px;border-right-color:#e0e0e0;border-right-style:solid;border-right-width:1px;border-top-color:#e0e0e0;border-top-style:solid;border-top-width:1px;cursor:hand;font-family:Arial;font-size:12px;padding-bottom:3px;padding-left:10px;padding-right:10px;padding-top:3px;"
OffsetX="0" Height="150" OffsetY="-50">
<Items>
<eo:MenuItem Text-Html="1980"></eo:MenuItem>
<eo:MenuItem Text-Html="1981"></eo:MenuItem>
<eo:MenuItem Text-Html="1982"></eo:MenuItem>
<eo:MenuItem Text-Html="1983"></eo:MenuItem>
<eo:MenuItem Text-Html="1984"></eo:MenuItem>
<eo:MenuItem Text-Html="1985"></eo:MenuItem>
<eo:MenuItem Text-Html="1986"></eo:MenuItem>
<eo:MenuItem Text-Html="1987"></eo:MenuItem>
<eo:MenuItem Text-Html="1988"></eo:MenuItem>
<eo:MenuItem Text-Html="1989"></eo:MenuItem>
<eo:MenuItem Text-Html="1990"></eo:MenuItem>
<eo:MenuItem Text-Html="1991"></eo:MenuItem>
<eo:MenuItem Text-Html="1992"></eo:MenuItem>
<eo:MenuItem Text-Html="1993"></eo:MenuItem>
<eo:MenuItem Text-Html="1994"></eo:MenuItem>
<eo:MenuItem Text-Html="1995"></eo:MenuItem>
<eo:MenuItem Text-Html="1996"></eo:MenuItem>
<eo:MenuItem Text-Html="1997"></eo:MenuItem>
<eo:MenuItem Text-Html="1998"></eo:MenuItem>
<eo:MenuItem Text-Html="1999"></eo:MenuItem>
<eo:MenuItem Text-Html="2000"></eo:MenuItem>
<eo:MenuItem Text-Html="2001"></eo:MenuItem>
<eo:MenuItem Text-Html="2002"></eo:MenuItem>
<eo:MenuItem Text-Html="2003"></eo:MenuItem>
<eo:MenuItem Text-Html="2004"></eo:MenuItem>
<eo:MenuItem Text-Html="2005"></eo:MenuItem>
<eo:MenuItem Text-Html="2006"></eo:MenuItem>
<eo:MenuItem Text-Html="2007"></eo:MenuItem>
<eo:MenuItem Text-Html="2008"></eo:MenuItem>
</Items>
</TopGroup>
<LookItems>
<eo:MenuItem HoverStyle-CssText="color:rgb(196,30,58);padding-left:5px;padding-right:5px;"
ItemID="_Default" NormalStyle-CssText="color:#2C0B1E;padding-left:5px;padding-right:5px;">
<SubMenu ItemSpacing="5" ShadowDepth="0" Style-CssText="background-color:White;border-bottom-color:#e0e0e0;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#e0e0e0;border-left-style:solid;border-left-width:1px;border-right-color:#e0e0e0;border-right-style:solid;border-right-width:1px;border-top-color:#e0e0e0;border-top-style:solid;border-top-width:1px;color:#606060;cursor:hand;font-family:Arial;font-size:12px;padding-bottom:3px;padding-left:3px;padding-right:3px;padding-top:3px;">
</SubMenu>
</eo:MenuItem>
<eo:MenuItem Height="14" Image-Url="00020001" ItemID="scroll_down" NormalStyle-CssText="background-image:url('00020005');border-bottom-color:#E0E0E0;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#E0E0E0;border-left-style:solid;border-left-width:1px;border-right-color:#E0E0E0;border-right-style:solid;border-right-width:1px;border-top-color:#E0E0E0;border-top-style:solid;border-top-width:1px;">
</eo:MenuItem>
<eo:MenuItem Height="14" Image-Url="00020000" ItemID="scroll_up" NormalStyle-CssText="background-image:url('00020005');border-bottom-color:#E0E0E0;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#E0E0E0;border-left-style:solid;border-left-width:1px;border-right-color:#E0E0E0;border-right-style:solid;border-right-width:1px;border-top-color:#E0E0E0;border-top-style:solid;border-top-width:1px;">
</eo:MenuItem>
</LookItems>
</eo:ContextMenu>

what I'm I doing wrong? the month context menu has the same issue.

eo_support

Posted: Thursday, July 3, 2008 9:04:26 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,097

Hi James,

I believe our previous rely has already answered your question. You will need to use ClientID instead of ID. In your case, yearContextMenu is the ID, not ClientID.

Thanks

Posted: Thursday, July 3, 2008 9:09:06 AM

Rank: Member
Groups: Member

Joined: 4/18/2008
Posts: 19

I DID change the code to use ClientID!
Here is the code:

function ShowYearPopup(refLink)
{
g_curCalendar = "<%=dateOEDatePicker.ClientID%>";
var yearPicker = document.getElementById(refLink);
// eo_GetObject(g_curCalendar).showContextMenu(yearPicker, "yearContextMenu");
eo_GetObject(g_curCalendar).showContextMenu(yearPicker, "<%=yearContextMenu.ClientID%>");
}

I replaced line 3 with line 4 which clearly is using yearContextMenu.ClientID

What else do I need to do?

eo_support

Posted: Thursday, July 3, 2008 9:18:31 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,097

Ah. Sorry about that!

I am not exactly sure whether I understand your question correctly though. Are you saying that you have two controls in the same page that have the same ClientID? ClientID is derived from ID, and you can not have two controls with the same ID in the same naming container. So theoretically it should not happen. Can you confirm if that's the case?

Thanks

Posted: Thursday, July 3, 2008 9:38:04 AM

Rank: Member
Groups: Member

Joined: 4/18/2008
Posts: 19

I have a web user control that contains 1 DatePicker control, and 2 ContextMenu controls (1 for the months, the other for the years).

I have 2 different instances of this this web user control in another web user control.
In the 2nd user control:
<tr>
<td>
<syn:DatePicker ID="requestedEffectiveDateDatePicker" Runat="server"/>
</td>
</tr>

<tr>
<td><syn:DatePicker ID="expectedEffectiveDateDatePicker" Runat="server"/></td>
</tr>

Now, in the user control that contains the DatePicker controls I have the js functions that show the contents of the ContextMenus. Inside these is whereI am running into the issue.
function ShowYearPopup(refLink)
{
g_curCalendar = "<%=dateOEDatePicker.ClientID%>";
var yearPicker = document.getElementById(refLink);
alert("yearContextMenu.ClientID is " + "<%=yearContextMenu.ClientID%>");
// eo_GetObject(g_curCalendar).showContextMenu(yearPicker, "yearContextMenu");
eo_GetObject(g_curCalendar).showContextMenu(yearPicker, "<%=yearContextMenu.ClientID%>");
}

If you notice there is an alert statement that I added for testing this issue. This is telling me that both datePickers have the same ClientID! It is clear that this should not be the case, but it looks like it is and I think that this is the reason why the context menu link for the first datepicker is not working now. When clicked the above js is run but does not make it past the last line in the function.

Does this help you to understand my problem?

eo_support

Posted: Thursday, July 3, 2008 9:48:50 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,097

James Gemma wrote:

It is clear that this should not be the case, but it looks like it is and I think that this is the reason why the context menu link for the first datepicker is not working now.

That's very interesting. That definitely should not happen and it is what causes the context menu problem. The context menu definitely will not work as soon as you have duplicate IDs.

I can think of a few things that you may want to try:

1. If you have been loading the user controls dynamically, try to place them statically in the page (just as a test);
2. Run the page as it is, the check the page's rendered HTML source code and see how the HTML are rendered. You may be able to find out some clues about all those IDs;
3. Replace our control with standard, simpler ASP.NET control, such as Label or TextBox. That will help you to reduce the size of the rendered HTML thus help you to locate the problem;

We do not expect this to be a problem of our controls because ID and ClientID is not something that we manage. It's managed by ASP.NET.

Thanks

Posted: Thursday, July 3, 2008 10:22:20 AM

Rank: Member
Groups: Member

Joined: 4/18/2008
Posts: 19

I created a new web user control that contained just a single asp HyperLink that when clicked, it will call ajs function that will show an alert statement that tells me the control's clientID.

I put 2 of these user controls in my other .user control and wouldn't you know it, the same ClientID!

I then put 2 instances of this test user control on a plain .aspx page and it still shows the same ClientId. So my findings are telling me that it is not your control, but do u=you have any ides?

eo_support

Posted: Thursday, July 3, 2008 10:38:04 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,097

Hi,

I might know what's going on. I would expect your ShowYearPopup to exist inside your user control. So when you have instance A of the user control, it would render the following code into the page (with <%= %> block already rendered:

Code: JavaScript

Copy

function ShowYearPopup(refLink)
{
    ....
    alert("yearContextMenu.ClientID is A_yearContextMenu");
    ....
}

Here I use "A_yearContextMenu" just for demonstration purpose. The real ID should be much longer.

The render process would continue and when it runs to the second instance B of the user control, it would render the following code:

Code: JavaScript

Copy

function ShowYearPopup(refLink)
{
    ....
    alert("yearContextMenu.ClientID is B_yearContextMenu");
    ....
}

As you can see. The two menus do have difference ClientIDs, one is "A_yearContextMenu", the other is "B_yearContextMenu". The catch is, because the code rendered two different versions of ShowYearPopup function, the second version overwrites the first version.

The solution should be quite easy. You would move ShowYearPopup outside of the user control and make it to take the context menu ID parameter. That parameter is then provided through "<%= %>" in your client template. In another word, move "<%= %>" block outside of the function because it one JavaScript within the same page can only have one version.

Thanks

Posted: Thursday, July 3, 2008 10:54:50 AM

Rank: Member
Groups: Member

Joined: 4/18/2008
Posts: 19

But the consumer of this user control should not have to "know" what the contextMenu Id is, never mind being responsible for having to pass it into a javascript function. The consumber (i.e. the .aspx page) should just be able to have an instance (or more) of the control in it and not have to worry about this type of thing.

Am I wrong here?

eo_support

Posted: Thursday, July 3, 2008 11:08:59 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,097

James Gemma wrote:

Am I wrong here?

You are absolutely right. The consumer of your user control does not need to know the contextMenuID. It is your ClientTemplate that works with your JavaScript function. So your ClientTemplate needs to pass the correct ID to your function. The consumer of your user control doesn't even know such a function exist nor he cares about it is called.

Posted: Thursday, July 3, 2008 12:02:47 PM

Rank: Member
Groups: Member

Joined: 4/18/2008
Posts: 19

Ho do you pass into the js function the control's clientId?

I am trying:
href="javascript:ShowYearPopup2('yearPicker', <%=yearContextMenu.ClientID%>)"
but it is not working.

I tried single quote around the <%%> and that doesn't work either

Posted: Monday, July 14, 2008 12:21:05 PM

Rank: Member
Groups: Member

Joined: 4/18/2008
Posts: 19

I still would appreciate some insight on how I am supposed to send the js function the contextmeny control's clientID through the js function's parameter list.

The following doesn't work and I am not sure what do to to get it to work:
<TitleTemplate>
{var:visible_date:MMMM}
<a id="monthPicker" href="javascript:ShowMonthPopup('monthPicker')">
<img alt="^" src="{img:00020012}" border="0" /></a>
{var:visible_date:yyyy}
<a id="yearPicker" href="javascript:ShowYearPopup3('<%=yearContextMenu.ClientID%>')">
<img alt="^" src="{img:00020012}" border="0" /></a>
</TitleTemplate>

Posted: Monday, July 14, 2008 1:02:35 PM

Rank: Member
Groups: Member

Joined: 4/18/2008
Posts: 19

Adding the following code inside the web user control but outside of the <eo:datePicker> tag works but doesn't work once it is placed inside of the TitleTemplate tag. How come?

<a href="javascript:ShowYearPopup3('<%=yearContextMenu.ClientID%>');"><img alt="^" src="{img:00020012}" /></a>

eo_support

Posted: Monday, July 14, 2008 1:54:53 PM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,097

Hi,

Here is one way to do it:

Client template:

Code: HTML/ASPX

Copy

<a href="javascript:ShowMonthPopup({var:this}.getId());">.....</a>

Here {var:this}.getId() returns the full client ID of the Calendar control, so it will be different based for the two calendars. You can then use the ID to form other IDs if you name your control following certain naming scheme. For example, you can name your calendar as "Calendar1" and the menu as "Calendar1_menu". That way you can always get the menu ID by appending "_menu" to the Calendar ID.

Once you have the naming sheme in place, your ShowMonthPopup can be something like this:

Code: JavaScript

Copy

function ShowContextMenu(id)
{
    var calendar = eo_GetObject(id);
    var menuId = id + "_menu";
    var ref = document.getElementById(id);
    calendar.showContextMenu(ref, menuId);
}

Note this code uses the Calendar itself as a reference element for the context menu. You may wish to change it to something inside your title template. In that case you can use the same scheme again to create a HTML element with an unique ID based on {var:this}.getId().

Hope this helps. Please let us know if you have any more questions.

Thanks

Posted: Tuesday, July 15, 2008 9:57:29 AM

Rank: Member
Groups: Member

Joined: 4/18/2008
Posts: 19

Great! I have it working now, thanks.

I however am now seeing a problem with the calendar's position/location in the browser window for the second web user control instance. On my page I have 2 instances of my web user control which contains the DatePicker and the 2 Contextmenu controls.

The first control's context menu's pops up in the correct location (i.e. over the calendar), but the second one is appearing in the upper left corner of the window. Both the year and month conectMenus are behaving like this. Any ideas why?

eo_support

Posted: Tuesday, July 15, 2008 10:07:32 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,097

Hi,

ContextMenu would do that when the ref argument you pass in is invalid. So please check that. If the problem persists, we would need you to create a sample page that reproduces the problem. Make sure the sample page runs since we will need to debug into it.

Thanks

Posted: Tuesday, July 15, 2008 11:47:25 AM

Rank: Member
Groups: Member

Joined: 4/18/2008
Posts: 19

Here is the complete code that is currently in my web user control.
If you un-comment the alert statement in the ShowYearPopup js function you will see that the yearPicker's id is javascript:ShowYearPopup5('yearPicker',%20eo_GetObject('ctl00_contentPlaceHolder_createModifyControl_requestedEffectiveDateDatePicker_dateOEDatePicker').getId());

Code: HTML/ASPX

Copy

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="DatePicker.ascx.cs" Inherits="DatePicker" %>
<%@ Register TagPrefix="eo" Namespace="EO.Web" Assembly="EO.Web" %>

<script type="text/javascript">

    var g_curCalendar = null; 
   
    function ShowMonthPopup(refLink, calendarId)
    {
        var monthPicker = document.getElementById(refLink);
        
        var regexp = /_dateOEDatePicker/g;
        var menuId = calendarId.replace(regexp, "_monthContextMenu");
  
        g_curCalendar = eo_GetObject(calendarId);
        g_curCalendar.showContextMenu(monthPicker, menuId);
    }

    function MonthMenuClicked(e, info)
    {
        var month = info.getItem().getIndex();
        var calendar = g_curCalendar
            	
        //Get the current month
        var curMonth = calendar.getVisibleDate();
    	
        //Change the month
        curMonth.setMonth(month);
    	
        //Set the new current month
        calendar.goTo(curMonth);
    }
    
    function ShowYearPopup(refLink, calendarId)
    {     
        var yearPickerRef = document.getElementById(refLink);

        //       alert("yearPickerRef is: " + yearPickerRef);

        var regexp = /_dateOEDatePicker/g;
        var menuId = calendarId.replace(regexp, "_yearContextMenu");
         
        g_curCalendar = eo_GetObject(calendarId);
        g_curCalendar.showContextMenu(yearPickerRef, menuId);

    }

    function YearMenuClicked(e, info)
    {
        var calendar = g_curCalendar;
            	
        //Get the current month
        var curMonth = calendar.getVisibleDate();
    	
        //Set the new year
        curMonth.setFullYear(info.getItem().getText());
    	
        //Set the new current month
        calendar.goTo(curMonth);
    }
 
    function clearSelectedDate(refrencer)
    {
        eo_GetObject(refrencer).setSelectedDate(null);
        eo_HideAllPopups();
    }
</script>

<table border="0">
    <tr>
        <td align="left" colspan="1">
            <eo:DatePicker id="dateOEDatePicker" ClientSideOnSelect="validate" DayCellHeight="15" DayCellWidth="31" DayHeaderFormat="Short" DisableWeekendDays="True"
                MaxValidDate="12/31/2040" MinValidDate="1/1/1980" OtherMonthDayVisible="False" PickerHint="mm/dd/yyyy" PopupOffsetX="100" PopupOffsetY="-20" TitleFormat="MMMM, yyyy"
                TitleLeftArrowImageUrl="DefaultSubMenuIconRTL" TitleRightArrowImageUrl="DefaultSubMenuIcon" TitleTemplateScope="TextOnly" WeekNumberBase="Year" style="margin-left:-3px;"
                runat="server">

                <TitleTemplate>
                    {var:visible_date:MMMM}
                    <a id="monthPicker" href="javascript:ShowMonthPopup('monthPicker', {var:this}.getId());"><img alt="^" src="{img:00020012}" border="0" /></a>
                    {var:visible_date:yyyy}
                    <a id="yearPicker" href="javascript:ShowYearPopup('yearPicker', {var:this}.getId());"><img alt="^" src="{img:00020012}" border="0" /></a>

                </TitleTemplate>
                
                <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;"></CalendarStyle>
                <DayHeaderStyle CssText="font-weight: bold; font-family:Arial; font-size: 8pt;"></DayHeaderStyle>
                <DisabledDayStyle CssText="color: gray; cursor:default;"></DisabledDayStyle>
                <MonthSelectorStyle CssText="background-image: url(/Synventive.Infomatrix.Web.Site/Images/Week.gif);background-color:rgb(195,195,195);"></MonthSelectorStyle>
                <MonthStyle CssText="cursor:hand;font-family:Arial; font-size:8pt; margin-bottom:0px; margin-left:4px; margin-right:4px; margin-top:0px;"></MonthStyle>
                <PickerStyle CssClass="textbox"></PickerStyle>
                <SelectedDayStyle CssText="border-width:1px; border-style:solid; border-color:Black; color:Back"></SelectedDayStyle>
                <TitleArrowStyle CssText="cursor: hand"></TitleArrowStyle>
                <TitleStyle CssText="background-color:rgb(196, 30, 58); font-family:Arial;font-size:10pt;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px;color:White;"></TitleStyle>
                <TodayStyle CssText="color:rgb(196,30,58);font-weight:Bold;"></TodayStyle>	
                <WeekSelectorStyle CssText="font-size: 8pt; font-family:Arial; background-color:rgb(195,195,195); cursor:default;"></WeekSelectorStyle>
       
                <FooterTemplate>
                    <table style="font-size: 11px; font-family:Arial; background-color:#f0f0f0; width:100%;" border="0" cellspacing="5" cellpadding="0">
                        <tr>
	                        <td style="width:60px"> </td>
	                        <td valign="middle" style="text-align:center;">Today: {var:today:MM/dd/yyyy}</td>
	                        <td>
	                            <a id="clearDate1ImageLink" href="javascript:clearSelectedDate('dateOEDatePicker');">
	                                <img alt="Clear Date" style="border:None;" src="<%=ResolveUrl("~/Images/Delete.gif")%>" title="Clear Date" />
	                            </a>
	                       </td>
                        </tr>
                    </table>
                </FooterTemplate>
            </eo:DatePicker>
        </td>
        <td colspan="1">
            <asp:RequiredFieldValidator ID="reqOEDatePickerReqFldVld" ControlToValidate="dateOEDatePicker" CssClass="errorMessageText" Display="Static" Enabled="false"
                ErrorMessage="Date selection is required." ToolTip="Date selection is required." runat="server">*
            </asp:RequiredFieldValidator>
        </td>
    </tr>
</table>


<eo:ContextMenu id="monthContextMenu" ControlSkinID="None" Width="80px" ClientSideOnItemClick="MonthMenuClicked" runat="server">
    <TopGroup Style-CssText="border-left-color:#e0e0e0;border-left-style:solid;border-left-width:1px;border-right-color:#e0e0e0;border-right-style:solid;border-right-width:1px;border-top-color:#e0e0e0;border-top-style:solid;border-top-width:1px;cursor:hand;font-family:Arial;font-size:12px;padding-bottom:3px;padding-left:10px;padding-right:10px;padding-top:3px;"
	    OffsetX="0" OffsetY="-100">
	    <Items>
		    <eo:MenuItem Text-Html="January"></eo:MenuItem>
		    <eo:MenuItem Text-Html="February"></eo:MenuItem>
		    <eo:MenuItem Text-Html="March"></eo:MenuItem>
		    <eo:MenuItem Text-Html="April"></eo:MenuItem>
		    <eo:MenuItem Text-Html="May"></eo:MenuItem>
		    <eo:MenuItem Text-Html="June"></eo:MenuItem>
		    <eo:MenuItem Text-Html="July"></eo:MenuItem>
		    <eo:MenuItem Text-Html="August"></eo:MenuItem>
		    <eo:MenuItem Text-Html="September"></eo:MenuItem>
		    <eo:MenuItem Text-Html="October"></eo:MenuItem>
		    <eo:MenuItem Text-Html="November"></eo:MenuItem>
		    <eo:MenuItem Text-Html="December"></eo:MenuItem>
	    </Items>
    </TopGroup>
    <LookItems>
	    <eo:MenuItem HoverStyle-CssText="color:rgb(196,30,58);padding-left:5px;padding-right:5px;" ItemID="_Default"
		    NormalStyle-CssText="color:#2C0B1E;padding-left:5px;padding-right:5px;">
		    <SubMenu ItemSpacing="5" Style-CssText="background-color:White;border-bottom-color:#e0e0e0;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#e0e0e0;border-left-style:solid;border-left-width:1px;border-right-color:#e0e0e0;border-right-style:solid;border-right-width:1px;border-top-color:#e0e0e0;border-top-style:solid;border-top-width:1px;color:#606060;cursor:hand;font-family:Arial;font-size:12px;padding-bottom:3px;padding-left:3px;padding-right:3px;padding-top:3px;"
			    ShadowDepth="0">
			</SubMenu>
	    </eo:MenuItem>
    </LookItems>
</eo:ContextMenu>
<eo:ContextMenu id="yearContextMenu" ControlSkinID="None" Width="80px" ClientSideOnItemClick="YearMenuClicked"
    EnableScrolling="True" ScrollUpLookID="scroll_up" ScrollDownLookID="scroll_down" runat="server">
    <TopGroup Style-CssText="border-left-color:#e0e0e0;border-left-style:solid;border-left-width:1px;border-right-color:#e0e0e0;border-right-style:solid;border-right-width:1px;border-top-color:#e0e0e0;border-top-style:solid;border-top-width:1px;cursor:hand;font-family:Arial;font-size:12px;padding-bottom:3px;padding-left:10px;padding-right:10px;padding-top:3px;"
	    OffsetX="0" Height="150" OffsetY="-50">
	    <Items>
		    <eo:MenuItem Text-Html="1980"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1981"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1982"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1983"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1984"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1985"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1986"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1987"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1988"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1989"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1990"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1991"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1992"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1993"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1994"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1995"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1996"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1997"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1998"></eo:MenuItem>
		    <eo:MenuItem Text-Html="1999"></eo:MenuItem>
		    <eo:MenuItem Text-Html="2000"></eo:MenuItem>
		    <eo:MenuItem Text-Html="2001"></eo:MenuItem>
		    <eo:MenuItem Text-Html="2002"></eo:MenuItem>
		    <eo:MenuItem Text-Html="2003"></eo:MenuItem>
		    <eo:MenuItem Text-Html="2004"></eo:MenuItem>
		    <eo:MenuItem Text-Html="2005"></eo:MenuItem>
		    <eo:MenuItem Text-Html="2006"></eo:MenuItem>
		    <eo:MenuItem Text-Html="2007"></eo:MenuItem>
		    <eo:MenuItem Text-Html="2008"></eo:MenuItem>
	    </Items>
    </TopGroup>
    <LookItems>
        <eo:MenuItem HoverStyle-CssText="color:rgb(196,30,58);padding-left:5px;padding-right:5px;"
            ItemID="_Default" NormalStyle-CssText="color:#2C0B1E;padding-left:5px;padding-right:5px;">
            <SubMenu ItemSpacing="5" ShadowDepth="0" Style-CssText="background-color:White;border-bottom-color:#e0e0e0;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#e0e0e0;border-left-style:solid;border-left-width:1px;border-right-color:#e0e0e0;border-right-style:solid;border-right-width:1px;border-top-color:#e0e0e0;border-top-style:solid;border-top-width:1px;color:#606060;cursor:hand;font-family:Arial;font-size:12px;padding-bottom:3px;padding-left:3px;padding-right:3px;padding-top:3px;">
           </SubMenu>
        </eo:MenuItem>
        <eo:MenuItem Height="14" Image-Url="00020001" ItemID="scroll_down" NormalStyle-CssText="background-image:url('00020005');border-bottom-color:#E0E0E0;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#E0E0E0;border-left-style:solid;border-left-width:1px;border-right-color:#E0E0E0;border-right-style:solid;border-right-width:1px;border-top-color:#E0E0E0;border-top-style:solid;border-top-width:1px;">
        </eo:MenuItem>
        <eo:MenuItem Height="14" Image-Url="00020000" ItemID="scroll_up" NormalStyle-CssText="background-image:url('00020005');border-bottom-color:#E0E0E0;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#E0E0E0;border-left-style:solid;border-left-width:1px;border-right-color:#E0E0E0;border-right-style:solid;border-right-width:1px;border-top-color:#E0E0E0;border-top-style:solid;border-top-width:1px;">
        </eo:MenuItem>
    </LookItems>
</eo:ContextMenu>

Posted: Wednesday, July 16, 2008 2:22:05 PM

Rank: Member
Groups: Member

Joined: 4/18/2008
Posts: 19

Have you debuged this yet or do you need more from me?

2 pages: [1] 2

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.