I am trying to keep the drop down open till mouse out.
I have found a hand full of sample scripts that are all trying to do this. I did manage to keep the drop down open while the user clicks on the check boxes.
[Code]....
I would like to instead of just removing the event handler also trigger the "close" event for the drop down list on mouse out. Not the JS expert so i dont know ware to start.
Currently, when you click mouse on a control, you see all options. However, I need to be able to see all options when mouse is just over the control.
View 9 RepliesI would like to Post back an update panel after the drop down is hidden.
I found some javascript that will keep the panel open wile the user interacts with the CheckBoxList i have inside. Currently I am updating the panel when the function stops blocking the closing event. This is not firing every time. So i am wondering if there is a java script event i can catch to fire the post back after the drop down is hidden and if someone can provide a simple example of doing so. The code inside the event i got covered, binding to the event is ware i am lacking.
SO I created a Panel to use to drag my modal popup, but any movement of it when you release the mouse it returns back to it's original position. What causes this behavior and how to stop it? Using Master Pages, but staying inside the content area.
Code:
<asp:Panel ID="pnlOwner" CssClass="pnlBackGround" runat="server" Width="450px">
<asp:Panel ID="pnlOwnerDrag" runat="server"><b>Select Endorsements:</b> </asp:Panel>
<div id="divOwner" style="height: 250px; overflow: auto;">
<asp:CheckBoxList ID="cblOwnerEndorsementsPop" runat="server"></asp:CheckBoxList>
[Code] .....
This is what I see when I click on arrow which is an image in DropArrowImageUrl - UI is weird. Changing image does not help. I am sure that it should be a common problem. Code is very simple:
<asp:Image ID="_targetImage" runat="server" ImageUrl="../Images/Actions.png" />
<ajaxToolkit:DropDownExtender ID="_dropDownExtender" runat="server" DynamicServicePath=""
Enabled="True" DropDownControlID="_panelItems" DropArrowImageUrl="../Images/DropArrow.png"
TargetControlID="_targetImage">
</ajaxToolkit:DropDownExtender>
I use DropDownExtenders everywhere in my project, but it bothers me that it's not visible all the time. It looks like an usual TextBox :-(
<script
type="text/javascript">
I have a label with a dropdownextender, and below it I have a gridview. When it drops down, it should go on top the gridview , but instead half of it is hidden because it goes behind the gridview. how can that be taken care of?
View 5 RepliesSo I got 2 updatepanels on my page. In one there is a Timer which updates for example a label. In the other one there is a dropdownextender. Everytime the timer ticks while the dropdown menu is displayed the menu disapears. I attached the sample code below....any insights on this? And yes, the dropdown and the label need to be in two seperate updatepanels....
[Code]....
<br/>
<br/>
in my aspx page i have this code:
<br/>
<br/>
<asp:DropDownExtender DropArrowBackColor="White"
I need to perform actions (e.g. hide panels) when clicking on the dropdownextender arrow - before the dropdown panel is being displayed.
How should I perform this? should I use onclientpopulated?
Using cascading dropdown extender we have to define web method. In that web method does the parameters that we declare should match names like "knownCategoryValues","category" etc ? Suppose if we write "knownCategoryValues1" insteed of "knownCategoryValues" then why my webmethod is not called ?
And if i give "knownCategoryValues" then it is called ?For the First time i have seen parameters name matters in Method parameters list. But why in this case different naming causes problem ?
I am using the following code:
<ajaxToolkit:DropDownExtender ID="TextBox1_DropDownExtender" runat="server" DynamicServicePath=""
Enabled="True" DropDownControlID="panelItems" DropArrowImageUrl="~/Images/DropArrow.png"
DropArrowWidth='26' TargetControlID="Image1">
</ajaxToolkit:DropDownExtender>
However, it does not set the width of DropArrowImage correctly.
I found the following post http://ajaxcontroltoolkit.codeplex.com/workitem/24194 but I am not sure of where to find DropDownBehavior.js to implement proposed solution.
Is it possble somehow to set the widht of DropArrow?
the dropdownextender works fine until I scroll down the page, see the following screenshots.
View 2 RepliesI have the code below to implement a dropdownlist with checkboxes. My problem is that every time i click a checkbox the dropdownlist closes and i need to reopen it to select more checkboxes. How do i make it so the dropdownlist dosn't close until i click off of it?
[code]....
[Code]....
C# code:
[Code]....
i always get this error when ever i use DropdownExtender,Additional information:The Controls collection cannot be modified because the control contains code blocks
i.e. <% ... %>).this is my ASPX Code
[Code]...
The following code listed on the bottom is a dropdown extender contained with a listview insert template. The code works fine however int VS 2008 Debug mode, its throwing the exception:Microsoft JScript runtime error: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method.If I click ignore or continue, the taret label is properly populated with the appropriate value. Has anybody encountered this and is
<td>
<asp:Label ID="lblTest" style="height:25px;border: solid 1px black" runat="server" Text='<%#Bind("TestCode") %>' Width="90%"></asp:Label>
<asp:DropDownExtender ID="ddExtTestCode" runat="server" TargetControlID="lblTest" DropDownControlID="pnlTestCode"></asp:DropDownExtender>
<asp:Panel ID="pnlTestCode" runat="server" style="display : none; visibility: hidden;">
<asp:LinkButton runat="server" ID="Option1" Text="12345-New York" CommandArgument="12345" OnClick="OnTestCodeSelect"></asp:LinkButton>
<asp:LinkButton runat="server" ID="Option2" Text="45678-New Jersey" CommandArgument="45678" OnClick="OnTestCodeSelect"></asp:LinkButton>
</asp:Panel>
</td>
Show delete Button On GridView Row Mouse over and hide on mouse out in ASP.Net
View 1 RepliesI have a gridview with list of companies. I want to provide an option to user that, when user mouse over, the user has to see the delete(imagebuttion) option and clicking on that need confirm buttion. The below articles are very useful but the delete option is always visible to end user which I dont want in my application.
[URL]
I am showing some information on mouse hovering on the links. I am doing this by making an AJAX call on mouse hover the the links and fetching the data from database.
Problem is that if I mouse hover several times on the same link it will make the AJAX call and hit the database in each time. But I want if it once fetch the data from the database for a specific link on second time mouse hover it should not hit the database again. For this I need to store the data in client side some where and reuse it(I think).
What is the best approach to handle this situation?
P.S: I am having more than 20 such links in the page.
So you have a control like a button. When the user mouses over the button a picture should change to a picture that is relevant for that button. If the button says "trees" then the picture should show trees when the button is moused over. If a diferent button says "horses" then the picture should show horses when the horses button is moused over. I have AJAX and the control toolkit installed.
View 4 Repliesi want to add ajax loading indicator in mouse courcr. when the loding progress is runing then Mouse point should show that it is running.
View 2 RepliesI want Other Tool Tip to Appear above COntrol in Mouse Move in Nice View Insted Of Tool Tip or Can I Customize Tool Tip
View 4 RepliesI am fairly new to web development & stuck up using the ajax:popupExtender inside a gridview/Itemtemplate. So, would like to get help from experts in the forum
[Code].....
Currently I m developing a web page which holds a grivview. As one of the column needs a multiple column dropdown with soring facility, I am using ajax:popupExtender to achive that. Basically in the column i have a Panel1(label & image which mocks up has a dropdown), ajax:popupExtender, Panel1(gridview to have mutiple column). When user clicks on it the ajax:popupExtender is called & the targetpopupid which is a panel2 with gridview is called.
Here when user clicks on thePanel1, I am able to display Panel2 using ajax:popupExtender. Also, when user selects some row, I am able to close/hide the ajax:popupExtender in the code behind using cancel(). (this is done in selectItemIndexchange of panel2 grid view).
But my problem comes when user doesn't select any row & clicks back on the panel1, the ajax:popupExtender will remain open. but it should have been closed as i am trying to mock up dropdown dunctionality. how can I hide/close ajax:popupExtender when user clicks on panel1 2nd time.
Following are the different approaches I tried but nothing worked out.
1. wrote JS, & tried to add attributes of the Panel1's onclick event.
Failed: Error - Object is undefined. even though i passed a valid obj from code behind.
<script language="javascript">
I have a datalist. In that image is there.
When ever user come over that image i have to populate modalpop in that i have to display remaing images.
find the link for the example...
[URL]
(Please select Hotels in tab, Search for Hotel,Than you can find the datalist with images. While moving mouse over the datalist image you can find the one popup displaying the images on the popup.)