Newbie in using AJAX . Programming in C# and using SQL as a database. Here is my scenario. User selects a project and I want to display the subprojects related to that project. Here is the query I use to retrieve subprojects.
"SELECT SubProjectName,StartDate,Description FROM SubProject WHERE ProjectName'"+ddlProjectName.text+"';
Currently I store the results of the query in a Dataset. I want to get the SubProjectName in the Header of the Accordion and StartDate and Description values to the text box for each accordion. ( This is what I need to do in each accordian for each subproject)
I have a GridView with a column of checkboxes. I also have a panel pnlSubmitOffer which serves as a modal dialog with ajaxToolkit:ModalPopupExtender:
[Code]....
I need a set of controls (text boxes and datetimepickers) to appear on the modal dialog based on how many checkboxes in the GridView are checked, i.e. a set for each checked record. Thus the controls should be added to the panel dynamically. But I don't know how to do it, as btnSubmitOffer click is not handled, because the modal dialog appears first. I was told that the controls can be added dynamically using javascript, but my knowledge of it is not enough.
I created a table dynamically with its row cell contain textbox. Now I need to show a hovermenuextender popup window on each rows textbox. I spend more time for this. But not getting till now.
This is my code for dynamically created table private void GenerateTable(int colsCount, int rowsCount) { string qry2 = "select lchannelname,ltransformdata from latestchannel where lenable=1"; DataTable dt = ob.getDetails(qry2); dt.Columns.Add(new DataColumn("combined", System.Type.GetType("System.String"), "lchannelname+ ' '+ltransformdata")); //Create the Table and Add it to the Page Table table = new Table(); table.ID = "Table1"; Page.Form.Controls.Add(table); int flag=0; foreach (DataRow dr in dt.Rows) { TableRow row = new TableRow(); row.Width = 200; TableCell cell = new TableCell(); TextBox tb = new TextBox(); tb.BorderColor = System.Drawing.Color.OliveDrab; cell.BorderColor = System.Drawing.Color.OliveDrab; cell.BorderWidth = 1; cell.Width = 200; tb.Width = 200; // tb.ReadOnly = true; tb.Text = dr["combined"].ToString(); tb.ID =flag.ToString(); cell.Controls.Add(tb); row.Cells.Add(cell); table.Rows.Add(row); AjaxControlToolkit.HoverMenuExtender hrv = new AjaxControlToolkit.HoverMenuExtender(); hrv.TargetControlID = tb.ID;
Here I am confusing for which way is using for popup panel1 hrv.PopupControlID = Panel1.ID; hrv.PopupPosition = AjaxControlToolkit.HoverMenuPopupPosition.Right; Panel1.Controls.Add(hrv); flag++; } } protected void Page_Load(object sender, EventArgs e) { int numOfColumns = 1; int numOfRows = ob.selectLatestEnableCount(); GenerateTable(numOfColumns, numOfRows); }
I want to popup this Panel1 on textbox through hovermenuextender <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px"> <div style="border:1px outset white;padding:2px;"> <div><asp:ImageButton ID="ImageButton1" ImageUrl="~/images/close.png" runat="server" /> <asp:LinkButton ID="lnkButtonHide" runat="server" CommandName="Edit" Text="Hide Channel" ForeColor="olivedrab" OnClick="lnkButtonHide_Click1" /> </div> <div> <asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/images/element_up.png" /> <asp:LinkButton ID="LinkButtonUp" runat="server" CommandName="Cancel" Text="Go Up One Pos" ForeColor="olivedrab" OnClick="LinkButtonUp_Click2"/> </div> <div> <asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="~/images/element_down.png" /><asp:LinkButton ID="lnkButtonDown" runat="server" CommandName="Delete" Text="Go Down One Pos" ForeColor="olivedrab" OnClick="lnkButtonDown_Click1"/> </div> </div> </asp:Panel>
Here is what I have done so far. I have a datalist to show notifications. The datalist is bound to an sqldatasource.
I have tried to use a collapsible panel extender in the datalist to hide or show message, but the designer could not render the datalist because of the collapsible panel control. It gives an error "Unknown server tag asp:CollapsiblePanelExtender"
I'm looking to find more information about the AJAX AnimationExtender - I get the impression that it is a quite powerful framework, but there is only 1 very simple example on the AJAX pages, and a server-side coding reference. I would like to know where I can get a more detailed explanation of using the AnimationExtender, that might cover more comprehensively all the XML options that are available, and how to carry out Javascript routines - does anybody know where this sort of resource might be found. Presumably they do want us to use the controls to their maximum, but the documentation I have been able to find so far seems quite inadequate. For example, I would like to know how to pause an AE animation, but I cannot find a single example anywhere!
I have an animationextender on an .aspx page. The div which is shown when the button is clicked contains a DropDownListBox. What I need to do is when selecting another element from the DropdownListBox, to handle the SelectedIndexChanged event of the dropdown, and to update a part of the "animated" shown div. What happenes is that when I change the selection, the page posts back, and the shown ("animated") vid disappeares. The SelectedIndecChanged event handler is not even called.
I am trying to utilize an AnimationExtender that will fade in an asp:LinkButton. My page includes 4 user controls that each load information at different intervals. What I am wanting to do is fade in the asp:LinkButton after the last user control has loaded. I have tried using <OnLoad> but the fade in occurs while the user controls are still loading. I have also tried wrapping the user controls in a panel (seen below), using the panel as the TargetControlID of the AnimationExtender. My end goal here is pretty simple: The user should not see the asp:LinkButton until after the page (including the 4 user controls) has loaded.
I'm developing a custom webpart for MS Project 2007 (sharepoint 2007 engine). I would like to have exactly the same result as this demonstration ->
http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/Animation/Animation.aspx but the window is displaying above my button and not correctly.Here is my code:
I have an animationExtender, I have an update panel iniside of it with the updatemode Conditional and I have the button that triggers it, but whenever I click that button, the whole page reloads and the animationExtender closes. Why would it do that?
I'm kind of an AJAX newbie. Trying to develop something that, seems to me, should be a pretty easy task. However, i'm not really sure how to accomplish it. Basically, i have to do some button menu. But, the final user wants this menu to be cool and trendy, so some animation is required. The point is that, as one of the buttons in the menu gets the mouse over, it should display an expanding animation. Also, the rest of the buttons in the panel menu should shrink and blur. As far as i know, using the toolkit animation extender i could easily make the button expand using the "OnMouseOver" tag, and the opposite "OnMouseOut" tag to restore the button state . However, the animationExtender links the animations defined on it to the component refered in the "TargetControlID" tag. That means f.e., if i have button1, button2, and button3, on the "OnMouseOver" tag of the animationExtender that targets button1, i cant refer to button2 and button3 to make them display an shrink animation.
I would like to create an animation effect in order to have a vertical scroll of my images, the scroll must have a pause from an image to another. I have started with this, but I have some problems:
[Code]....
1. how center my image exactly in the div? Actually it is "near" it but not "in" it!
2. When the image move up it moves in the window OVER the div, not inside (so it doesen't disappeare when move up)
3. how realize the start-stop-start moving of the effect? Actually it begin at the load event of the page and then finish!
I have 2 animation Extender that go in order, animationextender1 then animationextender2, I have a NEXT and BACK button on the second one, the thing is when I click BACK it works, but then if I click NEXT again, nothing happens, do I have to run some code in the back when I click BACK to get the NEXT to work again? I am running this under an updatepanel
In the AnimationExtender samples a pane's text is animated. Could the pane's text be dynamically changed from client or server ? That way dynamic messages could be shown and animated for instance.
Also, is it possible to attach AnimationExtender to a GridView row cell and call a client side JavaScript function ? That JavaScript function actually builds what text to show based on the bound cell data(for instance calculate time elapsed) and then pass that text to animate the cell ?
my AnimationExtender target to one checkboxlist, what im doing is while SelectedIndexChanged event of checkboxlist i have bind some items to controls within AnimationExtender, now the problem is when i click Checkboxlist then immediately AnimationExter will show a window and Checkboxlist event not fired, when i close the window after that only it'll fired SelectedIndexChagned event.
What i expect when i click the Checkbox list then first have to fire SelectedIndexChangedEvent and call the AnimationExtender, how to do this?
I want to use the asp.net menu control but would like to somehow fade any of the dynamic submenus in and out using the ajax control toolkit's AnimationExtender.For instance...
I used modal popup in vs 2010 that is working fine. When user click on button modal popup comes up immediately , I want it comes in transition from top to middle so it looks good.
I have used the AnimationExtender to display a panel when I hover over a hyperlink. I want it to automatically close the panel when I move off of the hyperlink.
In the code below I thought I could add an OnHoverOut to the Animations, but only one animation is allowed.
I am trying to give animation effect to a label , when user select option from radio buttonlist for selectedindexchange event , but i cannot get animationextender for this event.because <onLoad> <onClick> ..... list does not have <onSelectedindexchanged> option. how to do this I saw a code which adding animation effect from server side, though i have problem of excute on radiobutonlist index change event.
