have used drag panel externder in my asp.net web application
but ia m not able to achive the needed output
i am nt able to drag it as per desired
if i just click on it it moves down
[code]....
<ajaxToolkit:DragPanelExtender ID="DragPanelExtender1" runat="server"
TargetControlID="PnlContainer" DragHandleID="PnlHeader">
</ajaxToolkit:DragPanelExtender>
<div id="div_disc" runat="server" >
<asp:Panel ID="PnlContainer" runat="server" BackColor="BurlyWood" Height="185px" Width="589px">
<asp:Panel ID="PnlHeader" runat="server" BackColor="Beige" Width="571px" style="text-align: center" Font-Bold="True" Height="24px">Drag me</asp:Panel>
<asp:Panel ID="PnlDetail" runat="server" Width="586px">
matter
</asp:Panel>
</asp:Panel>
</div>
it goes back to the orignial position on dragging if i use the style property , it does move but not as desired even with the click it movesdown nt able to deag and place as where needed.
In our application we have drag panel extender work along with Resizable panel extender. We have a requirement where in we need to have a panel that can be dragged also along with resize. This is our implementation.
<asp:Panel ID="pnlPopup" runat="server" CssClass="frame" style="display:none">
<div>
<asp:Panel [code]....
When we move the panel and try to pin it to a position (click) we get a javascript error. It is bcoz of Resizablepanel since the position got changed, drag panel not able to get the position.
I'm new to the world of Update Panels and i'm having a hard time figuring out how to use them properly.
I have a form that has a table(TABLE1)...and inside TABLE1 i am linking to a sql data source....at the bottom of the table i have a 'Add' button.
When the user clicks the add button...a modal popup appears (POPUP1) and inside the POPUP1 the user can click a link that can add a user...when the link button is clicked...a panel within POPUP1 is set to visible = true.
I have one update panel around the whole table and the add button...when i click add and then click the link to add a user....the modal popup disappears.
the problem is that the calendar does not pop up when using the computer of my customer, but I have no problems with my computer (I tested it with firefox, IE 7 and IE 8).
I also tested the calendar from other 2 pc and worked fine, so what could be the problem?
Here is my code:
<asp:Image ID="calendarImg" runat="server" ImageUrl="stile/date_picker1.gif" />
<asp:CalendarExtender ID="cal1" TargetControlID="tb1" runat="server"
Format="dd/MM/yyyy" PopupButtonID="calendarImg">
</asp:CalendarExtender>
<asp:TextBox ID="tb1" runat="server"></asp:TextBox>
I'm facing an issue with chrome. I have multiview in which user control is loaded. This user control has one maskedEditExtender textbox (telephone textbox in ___-___-____ format). Issue is whenever the control is loaded i cannot see the masked feild but as soon i refresh the page I see it. I tried the script above but it didnt worked.
View 1 RepliesI am having a problem with partial postback through update panel, Update panel is not working properly in my asp.net app with IE8. But app works fine if i switch to compatibility mode of IE8.
View 5 RepliesI have one button on my page. On click of this I need to run four methods parallely in four saperate thead and need to show the progress bar for each method. Also need to update the label controls form those threaded methods.
Also I need to user Update panel of AJAX control tool kit to avoid post back to user.
I have used the read pool for that. When I remove the update panel the code works fine and update four labels but when I put the update panel it is not updating the labels.
I just tried a simple page with a collapsible panel extender, following the tutorial video at asp.net/ajax/videos. When clicking on the header panel, nothing happens. I have gone through countless posts looking for the answer, I have not found a solution. When viewing the page using IE, it shows a page error: Object expected. The cpe does not work in any browser; it does not work on my local machine or production server. As far as I know, the Ajax Control Toolkit was installed correctly; the .dll is in the bin folder. see this link for the page in question: [URL] Below is the code for the page:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CollapsiblePanelExtender.aspx.cs"
Inherits="CollapsiblePanelExtender" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Panel ID="HeaderPanel" runat="server" Style="background-color: rgb(230,230,230);
cursor: pointer;">
<asp:Image ID="Image1" runat="server" ImageUrl="~/MasterFiles/images/collapse.jpg" />
AJAX Collapsible Panel Test
<asp:Literal ID="Literal1" runat="server">(Show Details...)</asp:Literal>
</asp:Panel>
<asp:Panel ID="ContentPanel" runat="server" Style="height: 0px; overflow: hidden;">
<h4>Some Details Content here.</h4>
</asp:Panel>
<asp:CollapsiblePanelExtender ID="ContentPanel_CollapsiblePanelExtender" runat="server"
Enabled="True"
TargetControlID="ContentPanel"
CollapseControlID="HeaderPanel" ExpandControlID="HeaderPanel"
Collapsed="true"
ImageControlID="Image1" ExpandedImage="~/MasterFiles/images/collapse.jpg"
CollapsedImage="~/MasterFiles/images/expand.jpg"
TextLabelID="Literal1" CollapsedText="Show Details..." ExpandedText="Hide Details..."
SuppressPostBack="true"
ExpandDirection="Vertical">
</asp:CollapsiblePanelExtender>
</div>
</form>
</body>
</html>
I have used ajax tab panel extender in my application and its working in my all major browsers()ie,firefox chrom etc) But in our client machine that is not working(Only in chrom browser).
What is wrong in our side.
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="txtUser" runat="server" AutoPostBack="true"></asp:TextBox>
<asp:AutoCompleteExtender ID="extSearchMember" runat="server" ServicePath="~/services.asmx" TargetControlID="txtUser" ServiceMethod="GetMembers" MinimumPrefixLength="1" CompletionSetCount="25"/>
<asp:Button id="www" runat="server" CausesValidation="False" OnClick="www_Click"></asp:Button>
</ContentTemplate>
</asp:UpdatePanel>
Some times i get the error
"Microsoft JScript runtime error: Sys.InvalidOperationException: Two components with the same id 'autoCompleteExtenderPopupBehavior' can't be added to the application."
At this time click events not working.
I can't get the collapsible panel extender to working when using a master pages. The code bellow works without assigning a master page but I need to use master page because I am doing a large project. Parser Error Message: The server tag is not well formed. Error in line: <asp:CollapsiblePanelExtender runat="server"
[Code]....
I have a problem where the collapsible panel extender stops behaving properly after the first row in the gridview. On row 2, the collapsible panel don't work anymore (the label is not clickable). It gets even worse on row 3 where the product category accordion pane doesn't open anymore. This is the structure:
Accordion
AccordionPane: General Info
Formview
AccordionPane: Product Categories
Gridview
3 boundfield
1 templatefield
CollapsiblePanel
1 templatefield
3 collapsiblePanel
First Row:
2nd row
[Code]....
Dim sql As String
Modal popup not working, I need to open modal pop up inside a panel, below is my html, senerio goes as :
On page load on only panel with id="pnlgrid" is visible and button with id btnaddnew is visible on clicking addnewbutton panel grid is visible false and panel with id=pnlFormEdit is visible true.
Inside there is linkbutton1 on which click i want to open popup. but on clicking it goes postback.
<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="DutySlip.aspx.vb" Inherits="_DutySlip" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<style type="text/css">
[Code] .....
i have written the foolwong code to show/hide the panels but it is not working properly can any one tell why..
private void button1_Click(object sender, EventArgs e)
{
panel1.Visible = true; [code]....
But only for first button it is working properly...
I'm working on a simple demo project so that I can learn some things about ASP.NET's AJAX capabilities. My problem is that I can't seem to get an UpdatePanel to work properly with a CheckBox inside of it. Here is the markup I'm using in my .aspx file:
[Code].....
i am new to ajax. i have downloaded AjaxControlToolkit 3.5 and right click on the toolkit and browse to the AjaxControlToolkit.dll
now i have all the ajax control in but i am not able to drag and drop AutoCompleteextender and some other controls to the design view
but at the same some controls can be draged and droped in to the design view
How to get Current x and y posion of object which we have used in Drag Extender pannel.
if suppose i using to drag extender for move the lable by using drag extender pannel. now i need exact position of that lable. can i get it ?
After the implementation of ajax drag and drop, we have observed that which is working fine in IE and Firefox and not in chrome and safari, In Google chrome and Safari when we try to drag a module, the page getting scrolling to the top of the page.
View 1 RepliesI am having trouble wiht my AJAX collapsible Panel Extender. I have the CPE opening a panel that contains the Table of Contents of a document being displayed on the page. A user clicks on the link for a certain part of the document, the event triggers a C# function that gets the file that particular section is contained in an displays the section. Right now you have to, of course, click on the TitlePanel to open and to close the CPE. What I want to do is have it close automatically whenever a link inside the content panel has been clicked. I have tried placing this.cpeTOC.Collapsed=true; in the functiion that gets the files but it does not work. I have also tried the autocollapse property of the CPE and it just collapses whenever someone moves thier mouse from the titlepanel.
View 1 Repliesi found that for X & Y co-ordinates value of the Ajax toolkit dragPanel is very easily calculated from this article
Retain position of a DragPanel Extender after postback using ASP.NET AJAX
but i need to store the value in database and while page_load() i need to render the control as per the Co-ordinate values from the database .
From the above solution everything is fine except that i need to do it with code behind(from server side).
and i don't know a JavaScript a lot .
I am a designer prototyping applications. At the moment I want to show in my prototype that a drag panel opens and it belongs to a tab.
Two questions: How can I make a drag panel belong to a tab?
Should that be too complicated code wise (i am a designer - not a developer...): Can I position the drag panel on opening for the first time?So far, my drag panel always opens in the top left corner in my browser. I tried positioning it with CSS but it just ignores that.
i have an ajax drop panel control works fine on other browsers.. but problem with Google Chrome. eference i have placed example url.
[URL]
bug to reproduce:
step1: open url in Google Chrome browser :
[URL]
step2: click on Drag Me panel and place it at the extreme bottom of the page.
step3: click and hold the mouse on "Drag Me" title.
you will experience the Drag Me panel will automatically move towards top of the page.
i am developing web application and contain modal popup extender in which update panel made and it contain file upload control but file upload control not working in it.
This is my modal popup which contain fileupload control
and my modal popup source code
[code]....
I have a simple Textbox for entering password and the checkbox named Show passowrd beside it. Textbox mode is Password by default. These controls are in the table and I am using Update panel on top of the table. My application framework is 2.0 and I am Using ASP.NET 2.0 AJAX Extensions.
Now When i write some text in the textbox and check the Showpassword chekbox then the checkbox event is not getting fired. when Second time i click it then the event is fired and text in the textbox is removed and the textbox mode is set to the SingleLine. This functionality I am achieving by writing a code in the CS File.
When I remove the Update panel then the event is fired correctly everytime, but when usign Update panel and some text in the textbox then i have to check the checkbox twice for the desired functionality.