Ajax Calender Overlaping over Jquery Dropdownlips in Asp.net c#

Question

2.22/5 (3 votes)

See more:

I'm working in Asp.net ,in one page i'm using jquery dropdown list and Calender Ajax.when i click textbox to use calender its overlap jquery ddl.. I donot know if i'm explaining good , Please check this image ,Hope you'll understand what i mean

XML

<a href="http://www.flickr.com/photos/106258593@N02/">http://www.flickr.com/photos/106258593@N02/</a>[<a href="http://www.flickr.com/photos/106258593@N02/" target="_blank" title="New Window">^</a>]

Posted 22-Oct-13 3:00am

ShortProgrammer

Updated 22-Oct-13 3:19am

Sunasara Imdadhusen

v4

Add a Solution

Comments

JasonMacD 22-Oct-13 9:12am

Have you inspected the elements to see the css that is being rendered. It's easiest to do it in Chrome. Launch your app on your localhost in Chrome, press f12 and navigate through your elements to see which css is causing the issues.

ShortProgrammer 22-Oct-13 9:14am

CSS Issue ,,I do'nt think its Css Issue Because as you can see other textbox ,on other texbox its work good. ,only overlap jquery DDL.If i remove Jquery class from DLL then its work good too LOL .But problem creat with Jquery,

Sunasara Imdadhusen 22-Oct-13 9:21am

try with z-index and position to absolute

JasonMacD 22-Oct-13 9:22am

jQuery controls use css, if it is a visual problem it can ususally be solved by css. Read this about css ZIndex:

http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex

ShortProgrammer 22-Oct-13 9:50am

Thanks you So much ,yes its work for me ,

ShortProgrammer 22-Oct-13 9:32am

I try this ,its doesnot work,its still same

ShortProgrammer 22-Oct-13 9:35am

I try its still same ,

ShortProgrammer 22-Oct-13 9:49am

Oh thanks yes you was right i set zIndex =4.now its better than before

JasonMacD 22-Oct-13 9:54am

Great!

ShortProgrammer 22-Oct-13 10:06am

I'd like to share other problem too ,I've two button in the same page as you saw pic.
One button click even i call method which Enabled all fields ,textboxs,Dll, and on load Page i'm calling method which Disabled All fields. ,so when page load every thing work good , After page load When i click on button for Enabled Fields ,its Enabled all fields but DLL jquery not work . DDL drop down in simple style without jquery class and css . , Please help

ShortProgrammer 22-Oct-13 10:18am

Please look image name (withoutclickEnabledMehtodbutton) .
when i click on button for enabled fields then look image name (afterclickbutton),
Look at DropDownlist ,its without CSS ,why CSS disapear ???

ShortProgrammer 22-Oct-13 10:21am

http://www.flickr.com/photos/106258593@N02/

JasonMacD 22-Oct-13 10:26am

Share your OnClick event code, so I can see what is happening during this event.

ShortProgrammer 22-Oct-13 10:31am

Simply calling A method .
protected void rdbhaveinsurance_selectIndexchanged(object sender, EventArgs e)
{
EnabledInsuranceFields();

}
// Method is here
public void EnabledInsuranceFields()
{
DrpInsuranceProvider.Enabled = true;
DrpInsuranceProvider.Enabled = true;
PExpDate.Enabled = true;
txtothers.Enabled = true;
PInsPlan.Enabled = true;
}

ShortProgrammer 22-Oct-13 10:33am

AND HTML CODE This .

<asp:UpdatePanel ID="UpdatePanel7" runat="server">
<contenttemplate>
<p class="btnmargin" style="padding-bottom:50px">
<label>
</label>

<asp:Button ID="NOKbtnAdd" runat="server" Text="Add" onclick="NOKbtnAdd_Click" />
<asp:Button ID="NOKbtnSave" runat="server" Text="Save" onclick="NOKbtnSave_Click"/>
<asp:Button ID="NOKbtnUpdate" runat="server" Text="Update"
onclick="NOKbtnUpdate_Click" />
<asp:Button ID="NOKbtnDelete" runat="server" Text="Delete"
onclick="NOKbtnDelete_Click" />
</p>

ShortProgrammer 22-Oct-13 10:48am

if you want know about Jquery code . please open this link .
http://www.codeproject.com/Questions/672326/Jquery-CSS-not-working-on-DDL-when-Click-Disabled
I've put my some part of code.

ShortProgrammer 22-Oct-13 10:50am

I don't know if its problem due to Upldate panel on this part .i've put one update panel for all fields and buttons .

JasonMacD 22-Oct-13 11:00am

Its kind of hard to say really. Visual stuff can sometimes be the hardest thing in the world to track down, because you can't really debug and find out what is getting passed around.

ShortProgrammer 22-Oct-13 11:42am

Yes you're right ,,, i really don't like Jquery ,,,,C# is best LOL .
Actually i'm working on site which is old and i'm just changing some thing,so this reason Jquery ........

Sergey Alexandrovich Kryukov 22-Oct-13 11:53am

Excuse me, what is "calender"?
—SA

ShortProgrammer 22-Oct-13 12:21pm

Calender code is this AJax

Sergey Alexandrovich Kryukov 22-Oct-13 13:38pm

I'm pretty much sure it's not. A link, please.
—SA

ShortProgrammer 22-Oct-13 14:11pm

link of what ??

Sergey Alexandrovich Kryukov 22-Oct-13 15:03pm

Of anything. There is not such thing as "Calender". If you think there is, post us any link.
—SA

ShortProgrammer 22-Oct-13 14:12pm

i really using this calender ,,, and in this way useing as i give you code..

ShortProgrammer 22-Oct-13 14:12pm

i really using this calender ,,, and in this way useing as i give you code..

Sergey Alexandrovich Kryukov 22-Oct-13 15:04pm

No, you don't. Read you own code: "ajaxToolkit:CalendarExtender..." Where is the "calender"?
—SA

ShortProgrammer 23-Oct-13 6:53am

This is Calender is inMicrosoft asp.net controll >>

Sergey Alexandrovich Kryukov 23-Oct-13 12:13pm

There is no "Calender" in this control. Stop being so sloppy in spelling. Don't think it does not matter. It does, a great deal.
—SA

ShortProgrammer 23-Oct-13 6:54am

I can't understand what you're talking about,, did you saw image i've upload and put a link with my question?? you can see calender too in image,calender is working .... the problem is other

Sergey Alexandrovich Kryukov 23-Oct-13 12:16pm

This is unbearable. Are you capable of reading?! Read this link and find "calender" there. There is no such word. You cannot do any programming if you cannot see the spelling of a word, especially an identifier, and if you have so low level of attention when you read. And if you can, who would need the result?
—SA

ShortProgrammer 24-Oct-13 11:21am

LOL i'm really can't understand why are you asking about Calender code.As my Calender working properly and there is no problem in Calender haha ,Problem is Dropdownlist

Sergey Alexandrovich Kryukov 24-Oct-13 11:36am

I have no word. Do you really fail to understand that the word "Calender" does not exist? Are you serious? Look at your own code.
—SA

ShortProgrammer 22-Oct-13 12:23pm

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> add this assembly
then with textbox this
<ajaxToolkit:CalendarExtender CssClass="red" runat="server" ID="calExtender1"
PopupPosition="BottomRight" PopupButtonID="dob"
TargetControlID="dob">

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ShortProgrammer · Accepted Answer · 2013-10-24T05:29:00

Solution 1

I've Solve this Problem By puting z-index and position to absolute in CSS

Posted 24-Oct-13 5:29am

ShortProgrammer

Comments

Sergey Alexandrovich Kryukov 24-Oct-13 11:37am

How can it be a solution? You should not post such content as solution. Please use comments or "Improve question".
—SA

ShortProgrammer 24-Oct-13 11:40am

WEll YOu know what was my problem tital?? this one
{ Ajax Calender Overlaping over Jquery Dropdownlips in Asp.net c#}
So jQuery controls use css, it is a visual problem it can ususally be solved by css. Read this about css ZIndex:

http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex

So just set Z-index =4 then my problem Solve LOL .

ShortProgrammer 24-Oct-13 11:44am

Between i think you're not good programmer to solve Problem LOL ,Please Don't mind

Sergey Alexandrovich Kryukov 24-Oct-13 13:14pm

Look, Tariq.
Don't be ridiculous. And rude. Remember: people here are not idiots, they can read all your posts and all my posts and other materials... Aha?
—SA

ShortProgrammer 25-Oct-13 6:57am

Yeah i know Sorry For that

Sergey Alexandrovich Kryukov 25-Oct-13 9:58am

No problem...
—SA