calendarxp Site Admin
Joined: 30 Jan 2005 Posts: 409
|
Posted: Tue Feb 15, 2005 6:52 pm Post subject: Where can I find a working example for the calendarxp in asp.net tabstrip/multipage controls? |
|
|
Please try the following sample. Note the id of the form tag must be set to the same as the one passed into the gfPop.fPopCalendar() call. Otherwise the calendar will not be able to find the date input field.
TabStripDemo.aspx
Code: | <%@ Register TagPrefix="ie" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls" %>
<html>
<body>
<form id="demoform" runat="server">
<ie:TabStrip runat="server" TargetID="mpage" AutoPostBack="true"
TabDefaultStyle="background-color:#000000;font-family:verdana;font-weight:bold;font-size:8pt;color:#ffffff;width:100px;height:21px;text-align:center" TabHoverStyle="background-color:#777777" TabSelectedStyle="background-color:#ffffff;color:#000000">
<ie:Tab Text="PopCalendar" />
<ie:TabSeparator/>
<ie:Tab Text="FlatCalendar" />
<ie:TabSeparator/>
<ie:Tab Text="About"/>
</ie:TabStrip>
<ie:MultiPage id="mpage" SelectedIndex="1" runat="server">
<ie:PageView>
Date Field: <input name="dc" value="" size="11"><a href="javascript:void(0)" onclick="gfPop.fPopCalendar(document.demoform.dc);return false;" HIDEFOCUS><img class="PopcalTrigger" align="absbottom" src="calbtn.gif" width="34" height="22" border="0" alt=""></a>
</ie:PageView>
<ie:PageView>
<iframe name="gToday:normal:agenda.js:gfFlat" id="gToday:normal:agenda.js:gfFlat" src="iflateng.htm" scrolling="no" frameborder="0">
</iframe>
</ie:PageView>
<ie:PageView>
Copyright (C)2003-2005 Idemfactor Solutions, Inc.
</ie:PageView>
</ie:MultiPage>
</form>
<iframe name="gToday:supermini:agenda.js" id="gToday:supermini:agenda.js" src="ipopeng.htm" scrolling="no" frameborder="0" style="visibility:visible; z-index:999; position:absolute; top:-500px; left:-500px;">
</iframe>
</body>
</html> |
Put the above TabStripDemo.aspx into a virtual directory on your IIS server with the supermini theme of PopCalendarXP and normal theme of FlatCalendarXP.
Note: If you don't want to set the AutoPostBack of tabstrip control, you should append the following onclick code to workaround a bug in the tab/multipage control. (To workaround a bug that messes the calendar in IE and only in IE.)
Code: | <ie:TabStrip runat="server" TargetID="mpage" onclick="if(gfFlat)gfFlat.fResize()" ...> |
_________________ Copyright 2003-2011 Idemfactor Solutions, Inc. All rights reserved. |
|