AJAX :: AjaxToolkit Accordion Clicked Postback And No Slide Effect
Nov 19, 2010
When I clicked Header area, Content opened and have "Slide effect". but when I clicked Header's "ImageButton", it do something at codebehidn, Content opened but no "Slide effect". I want slide effect, how to do it,
[aspx]
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<AjaxToolkit:Accordion ID="AccordionMenu" runat="server"
SelectedIndex="0" HeaderCssClass="accordionHeader"
ContentCssClass="accordionContent" AutoSize="None"
FadeTransitions="true" Width="200px" SuppressHeaderPostbacks="false">
<Panes>
<AjaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
<Header>Pane 1
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/expand.jpg" />
</Header>
<Content>
The Details of Item1.
</Content>
</AjaxToolkit:AccordionPane>
<AjaxToolkit:AccordionPane ID="AccordionPane2" runat="server">
<Header>Pane 2
<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/images/expand.jpg" />
</Header>
<Content>
The Details of Item2.
</Content>
</AjaxToolkit:AccordionPane>
</Panes>
</AjaxToolkit:Accordion>
<p></p>
<asp:Label ID="Label1" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
[.vb]
Protected Sub ImageButton1_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton1.Click
Me.Label1.Text = "[Call Header Function 1]"
End Sub
Protected Sub ImageButton2_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton2.Click
Me.Label1.Text = "[Call Header Function 2]"
End Sub
I've written a nice page with accordion element in it, but I've found that on some browsers, with some setting- the accordion won'trespond to clicking on it. So, what I get is an accordion that shows headers, but clicking on them won't open the data.What I'm guessing is that the sliding effect is blocked for some reason.What I'm trying to achieve are this two:1. Cancel the sliding effect so the data will show right-away, thus answering the problem caused by some browsers2. Cancel It only when the page detects that there might be a problem. (I'm not quite sure what setting I am looking for).Obviously, 1 is quite more urgent. If 2 is not solved I geuss I can use 1 for all the cases, but still- If anyone could find answer for 1- that would be great.
How can I achieve hover effect for the ajaxtoolkit combobox. I just need an outline for the entire combo i.e. outline for combo-textbox and combo-button when hovering over the combobox otherwise it should return to the normal outline color.
I could only get the hovering effect for combo-textbox alone and that too an outline creates at outer of the existing combo-textbox outline.
I am creating a nested accordion in the code behind which is populated from my data table. The requirenment is
1. Main Accordin - create department Panes
2. sub accordin - Each department pane has a accordin in the contnet are.
3. sub accordin panes - people from that department show up as panes in sub accordin.
I was able to impelment this model but the problem is that the sub accordin ( with people) would not slide. First one is opened by default and i see hand on the other header panes but they dont slide (up and down). They do have a content though. P.S - if i implement the same nested according in aspx it works fine. My code
[Code]....
Update - I found that I get "Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and Behaviors.Parameter name: element" javascript error when i try to create the nested accordin.
Hopefully this is just me missing something really simple; I have 3 accordion panes of which the first one is visible on page load but if I click on the other panes nothing happens.
I have an Accordion control that is populated dynamically. I want to catch the event raised when a new pane is clicked on to open. I don't see the event at all in intelli-sense and when I code it by hand anyways I get errors. Is there any way to catch this event? The goal is to let a control in the masterpage that is holding the Accordion know when the Accordion has changed so it can update another control.
I have an accordian with 4 panes. These panes are designed to submit data. I default to the 1st pane. When I submit the 1st panel, the data is submitted to the database as expected. When I attempt to submit to the 3rd panel, the button does not fire the code behind. Is there a reason the 1st panel would work but not the 3rd? I've included the code used to call code behind for the 1st and 2nd panels.
This is the 1st pane that works...
<asp:Button ID="btnReferCompany" runat="server" Text="Submit" CommandName="SubmitCompanyReferral" /> Protected Sub SubmitCompanyReferral(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnReferCompany.Click
This is the 3rd pane that does not work...
<asp:Button ID="btnSubmitIdea" runat="server" Text="Submit" CommandName="SubmitIdea" /> Protected Sub SubmitIdea_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnSubmitIdea.Click
I have taken one accordion inside that multiple accordionpane in that have taken mutiple linkbutton's inside panes but the thing is when i m clicking on any linkbutton of second pane.the page related to that is opening but the second pane get's collapsed and first one get's opened.
So, I want any of the linkbutton clicked of any accordionpane, that accordionpane should be remain opened.
I am using an Accordion control for the first time in my VS2008 web app which is databound dynamically. I am using a details view in edit mode inside in the Accordion.
The details view contains dropdown list and few textboxes with an insert button. Everything gets displayed in the coolest way!
I would like to know how I would fetch the values of the controls on postback. I need the values of the dropdownlist and textboxes of the selected pane of the accordion in the click event of the button
First time using an Accordion Control and I'm having some trouble with the CSS, as per the subject description. I have only created the headers so far and assigned some basic CSS to them. Right now that CSS is only there to limit the width (and therefore clickable area) of the header to the width of the image that the header is represented by. This works fine until I click on one of the headers and then its width property is lost. Same for the other headers, they are fine for the first click and then after that they lose their style. There is no postback caused by selecting a header so this is not the reason that the CSS is being lost.
i am working on a project.but i have a problem.basically,i am using ajaxtoolkit tabcontainer.assume that i have 2 tabs which i created.let's call them tab1,tab2.in tab1 there is a button and textbox.when i click the button,i am writing some text into the textbox. then i am creating a tab dynamically. assume that it is called "tab3".the problem is when i click the button in the tab1,tab3 is diappearing.how can i prevent this?
I run into this problem while playing with accordion for a project. Sometimes VS 2008 auto generates code, without me wanting to!!!. Less generally I have an Accordion with 2 Accordion Panes in it. When modifing properties of the Accordion VS 2008 adds an Accordion extender and duplicates the two Accordion Panes!
My original code
[Code]....
My code after pressing space between the properties of the Accordion
I am using Visual Studio 2010 asp.net 3.5 C# and the latest version of the Ajax toolkit to create a slide show. I have a ToolScriptManager, SlideShowExtender and a prev,play and next buttons. Problem is, I don't know what to do next.
I'm using visual studio 2010 and sql server 2008. I'm trying to use a web method to get urls from a database for an ajax slide extender control. I’ve been able to create a web method to call the slides and it worked. Then I wanted to create a parameter in my web method that took a parameter. I’ve been unable to get it to work with the parameter with the web method. I’m either using the wrong syntax when calling the parameter or my web method is incorrect.
This is the code for the web method with out parameter that works
Code: <WebMethod()> _ Public Function GetSlidesDBGalEngage() As AjaxControlToolkit.Slide() Dim connetionString As String Dim connection As SqlConnection Dim command As SqlCommand
[Code] ....
This is the way I calling the web method in my extender that works
Code: <WebMethod()> _ Public Function GetSlidesDBGalEngage(ByVal Category As String) As AjaxControlToolkit.Slide() Dim command As SqlCommand Dim adapter As New SqlDataAdapter
[Code] ....
This is how I'm trying to call the web method with paramater from my slide extender which doesn't work
HTML Code: <cc1:SlideShowExtender ID="SlideShowExtender1" runat="server" AutoPlay="True" ImageDescriptionLabelID="label1" NextButtonID="btnNext"
[B]SlideShowServiceMethod="GetSlidesDBGalParm("Other")" [I]I've tried using both single qoutes and double quotes and notheing works[/I].[/B] SlideShowServicePath="../SlideService.asmx" PlayButtonID = "btnPlay" PreviousButtonID="btnPrev" TargetControlID="image1" ClientIDMode="AutoID"> </cc1:SlideShowExtender>
Something is wrong with the syntax in the web method with the paramter or something is wrong with the way I'm calling it .
I'm going to do a project soon for a photographer. There will be a number of pages that will have a photo album or slideshow on them. I'm trying to figure out the best way to have this site perform well and the best way to get the images on the client in the background.
I'm hoping to have the slide shows for the other pages load in the back ground after the home page loads. I thought this would not affect the loading of the home page and decrease the amount of time it would take for the other subsequent pages to load.
AJAX seems like a good fit for this with the async calls. I'm thinking about using an async call to fetch and cache the other images and/or slideshows.
Is this a good way to do this? Is there a better way of doing this? Would it be better to have anew thread do the caching to the client?
I want to create an accordion inside a gridview with the following functionality:
The user will only see one field of the gridview initially, the ProductCategoryID. When the page loads it will only query the ProductCategoryID and this will be the only field displayed.
Next when the user clicks on the accordion to expand it inside the gridview I would like to query the database to get all Products that are part of the ProductCategory. I will query using the ProductCategoryID that is being displayed.
I need to do this for performance issues. The main thing I am looking for is how to query the database once the user expands a given ProductCategoryID.
but now I think of it one thing I need to know: when you bind an accordion to a dataset will it create one pane for each record returned? It might be better to put the gridview inside the accordion. I'm willing to do either, as long as it works
I have a url whose query strings are concatenated based on selected items on a form, I need to do a post to this url, but an imagebutton control has to be clicked for the post to occur. I put the PostBackUrl property of the imagebutton inside the event of the image button, hence causing it to be clicked twice before eventually posting the url... but i really need to click once but this aint working. I know why its clicking twice, tried calling the url with javascript but it wasnt working.
I have used a ajax control toolkit slide shox extender to display a slide show of images.
Currently, when a user hovers mouse over the slide show, the slide keeps on changing. I want that the slide should not change, if a user hovers the mouse.
We are using Network Solutions, but we are getting some issues with one of our web applications. It's because we're using UpdatePanels and they don't support AJAX.NET. So does anyone have any hosting providers they can recommend that provide .NET 3.5 framework, AJAX.NET, and AJAX Toolkit hosting?