ASP.NET - ajax calenderextender display problem

Asked By suriya kallees

09-Feb-10 05:43 AM

hi friends,
am using asp.net 2008 , already added design page at ajax calenderextender control but i got runtime its display behind the other controls. how to solve this control asp.net 2008. and how to move controls design page? ( but asp.net 2005 we had changed layout option in relative,absolute, if give absolute we can move any place) how to solve this both problem ?

Huggy Bear replied to suriya kallees

09-Feb-10 05:59 AM

declare the style class having z-index: 1 like

.calenderExtStyle
{
z-index: 1
}

use this style in the CssClass of calender extender as shown
<ajaxToolkit:Calendar runat="server"
    TargetControlID="TextBox1"
    CssClass="calenderExtStyle"
    Format="MMMM d, yyyy"
    PopupButtonID="Button1"/>

suriya kallees replied to Huggy Bear

09-Feb-10 06:14 AM

      hi friend,

                    its also not working proberly , the calenderextender same position and behind all .
please any other idea.

                       heartly thanks to u buddy

Huggy Bear replied to suriya kallees

09-Feb-10 06:28 AM

The other approach would be to
Wrap the TragetControl and the calendar extender into a DIV tag

simply add the below css classes onto your page

.ajax__calendar {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    visibility: visible; display: block;
}
.ajax__calendar iframe
{
    left: 0px !important;
    top: 0px !important;
}

Make sure that the CssClass property of the extender is removed. Don't specify anything.

arish chaithanya replied to suriya kallees

09-Feb-10 06:50 AM

try with this it will work

<asp:TextBox ID="TextBox1" runat="server" ontextchanged="TextBox1_TextChanged"></asp:TextBox>

        <cc1:CalendarExtender ID="TextBox1_CalendarExtender" runat="server" Enabled="True" TargetControlID="TextBox1" PopupButtonID="ImageButton1"></cc1:CalendarExtender>
        <asp:ImageButton ID="ImageButton1" runat="server" />
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>


Regards,
Chaithanya

arish chaithanya replied to arish chaithanya

09-Feb-10 06:56 AM

Hi try this will help you

paste this in Source

<div>
<asp:TextBox ID="TextBox1" runat="server" ontextchanged="TextBox1_TextChanged"></asp:TextBox>

        <cc1:CalendarExtender ID="TextBox1_CalendarExtender" runat="server" Enabled="True" TargetControlID="TextBox1" PopupButtonID="ImageButton1"></cc1:CalendarExtender>
        <asp:ImageButton ID="ImageButton1" runat="server" />
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

</div>

run the website

once the u see the output

click on Image button it will show calender

click on the date that date will appear in textbox

Regards,
Chaithanya

suriya kallees replied to Huggy Bear

09-Feb-10 07:30 AM

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="assetmasterwprogress.aspx.vb" Inherits="assetmasterwprogress" %>

<%

@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!

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 runat="server">

<title>Storm Water</title>

.ajax__calendar

{

position

: relative;

background-color

:Green;

left

: 0px !important;

top

: 0px !important;

visibility

: visible; display:table;

}

.ajax__calendar

iframe

{

left

: 0px !important;

top

: 0px !important;

}

</style>

</

head>

<

body>

<form id="form1" runat="server" style="z-index: 123"

submitdisabledcontrols="True">

<asp:LinkButton ID="LinkButton2" runat="server" Font-Bold="True" ForeColor="DarkGreen"

OnClientClick=" return confirm(' You have not specified file');" Style="z-index: 101; left: 776px; position: absolute; top: 15px" Width="59px">Upload </asp:LinkButton>

<asp:Label ID="Label1" runat="server" Font-Bold="True" ForeColor="DarkSlateGray"

Style="z-index: 102; left: -1px; position: absolute; top: 5px" Text="Works In Progress(New Asset) - Schedule No. 11"

Width="251px" Font-Size="11pt"></asp:Label>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<cc1:CalendarExtender ID="CalendarExtender1" runat="server"

TargetControlID ="assetdate" PopupButtonID ="cal0" CssClass ="ajax__calendar"

Format="dd/MM/yyyy">

</cc1:CalendarExtender> // here am used this cssclass

</div>

<cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" WatermarkText ="DD/MM/YYYY" TargetControlID ="assetdate">

</cc1:TextBoxWatermarkExtender>

<asp:LinkButton ID="LinkButton1" runat="server" Style="z-index: 103; left: 692px;

position: absolute; top: 44px" ForeColor="DarkGreen" Font-Bold="True" Width="13px" Visible="False">Report</asp:LinkButton>

</

body>

</

html>

suriya kallees replied to arish chaithanya

09-Feb-10 07:36 AM

hi friend,

the date wil be stored on textbox . its working fine but i need front of other controls, ( calender appears on behind the other controls ex, if i have used textboxes here in calender displayed back) i need to show the calender front on controls.

Huggy Bear replied to suriya kallees

09-Feb-10 11:10 PM

As I said in my previous post remove CssClass ="ajax__calendar" from the extender.

Interview Questions for .NET Framework

to get assembly info which namespace we should import? System.Reflection Namespace How do you declare a static variable and what is its lifetime? Give an example. Answer1 static int Myint time is during the entire application. br> Answer2 The static modifier is used to declare a static member, which belongs to the type itself rather than to a specific object cannot be used with indexers, destructors, or types. In C#, the static keyword indicates a class variable. In VB, the equivalent keyword is Shared. Its scoped to the class in which it occurs. Example a. Static int var / / in c#.net b. static void in Sql server as var_name int How do you separate business logic while creating an ASP.NET application? There are two level of asp.net debugging 1. Page level debugging For this we have to edit the page level debugging

ASP.NET DataList and DataRepeater Controls

ASP.NET DataList and DataRepeater Controls This is the third article in a three part series of articles pertaining to the understanding and application of ASP.NET 2.0 data controls. This article will address common functionality that may be required from ASP.NET DataList and DataRepeater data controls ASP.NET 2.0 Data Controls Author: Douglas Minnaar The intent of this series is to provide

Windows Search 4.0

code should run. Disclaimer: This is a sample, not a product. I only learnied enough ASP.Net to write it :) If you have more web development related questions, post on appropriate forums UI; using System.Web.UI.WebControls; using Microsoft.Search.Interop; using System.Data; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (ViewState["selectCommand some of the columns the indexer returns, so it's best to disable autogeneration / / and declare columns explicitly (see ResultTable in .aspx). On the downside, / / can't run just any SQL fromName OR fromAddress, since "from" is a property name for both fromName and fromAddress. before:date before:10 / 9 / 2007 Finds items whose PrimaryDate field contains a date before 10 / 9 / 2007. after:date after:10 / 9 / 2007 Finds items whose PrimaryDate field contains a date after 10 / 9 / 2007. has:attachment report has:attachment Finds items containing the word report

open ms office word document using asp.net Untitled document

open ms office word document using asp.net how to open ms Office word document using asp.net c# Simply put the file path on href of a tag in html as <a HttpCacheability.NoCache); Response.BinaryWrite(document); Response.End(); } If you want to display word file in ASP.net page, you have to convert the .doc file to .htm file and then you can at the beginning of the document. When we get the selection we write the current date and time (line 16). • Line 27 : Remove all of the meta data of the document word object in our code. To instantiate an instance of a Word application, you just declare the line below in your class: private Word.ApplicationClass WordApp = new Word.ApplicationClass(); Now you