AJAX :: Expand Databound Accordion Control On MouseOver?
Nov 2, 2010
I was trying to make an ASP.NET AJAX programatically Databound Accordion control expand onmouseover event but it didnt fired. When i use static text i.e without databinding the Accordion control the onmouseover event works fine.
Default.aspx
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="SocisSchools.aspx.cs" Inherits="SocisSchools" Title="Schools Detail" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div>
<span style="font-size: 12pt"><strong>Schools</strong></span>
<br />
</div>
<div>
<cc1:Accordion ID="Accordion1" runat="server" SelectedIndex="0"
HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected"
ContentCssClass="accordionContent" FadeTransitions="true" FramesPerSecond="40"
TransitionDuration="250" AutoSize="None" RequireOpenedPane="false"
SuppressHeaderPostbacks="true">
<HeaderTemplate>
<a href=""><%# Eval("SchoolName") %></a>
</HeaderTemplate>
<ContentTemplate>
<p style="text-align: justify">
<asp:Label ID="lblSchoolIntro" runat="server" Text='<%# Eval("SchoolIntro") %>'>
</asp:Label></p><br />
</ContentTemplate>
</cc1:Accordion>
<div>
<asp:Button ID="cmdPrev" runat="server" Text=" << " OnClick="cmdPrev_Click" CausesValidation="false"></asp:Button>
<asp:Button ID="cmdNext" runat="server" Text=" >> " OnClick="cmdNext_Click" CausesValidation="false"></asp:Button>
<asp:Label ID="lblCurrentPage" runat="server"></asp:Label>
</div>
</div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
</asp:Content>
Default.aspx.cs
public partial class SocisSchools : System.Web.UI.Page
{
public int CurrentPage
{
get
{
// look for current page in ViewState
object o = this.ViewState["_CurrentPage"];
if (o == null)
return 0; // default to showing the first page
else
return (int)o;
}
set
{
this.ViewState["_CurrentPage"] = value;
}
}
protected void Page_Load(object sender, EventArgs e)
{
GetItems();
}
private void GetItems()
{
BusinessLogicLayer.SocisSchools fac = new BusinessLogicLayer.SocisSchools();
DataSet ds = fac.GetSchools();
PagedDataSource objPds = new PagedDataSource();
objPds.DataSource = ds.Tables[0].DefaultView;
objPds.AllowPaging = true;
objPds.PageSize = 7;
objPds.CurrentPageIndex = CurrentPage;
lblCurrentPage.Text = "Page: " + (CurrentPage + 1).ToString() + " of " + objPds.PageCount.ToString();
Accordion1.DataSource = objPds;
Accordion1.DataBind();
// Disable Prev or Next buttons if necessary
cmdPrev.Enabled = !objPds.IsFirstPage;
cmdNext.Enabled = !objPds.IsLastPage;
}
protected void cmdPrev_Click(object sender, EventArgs e)
{
CurrentPage -= 1;
GetItems();
}
protected void cmdNext_Click(object sender, EventArgs e)
{
CurrentPage += 1;
GetItems();
}
}
View 1 Replies
Similar Messages:
Dec 31, 2010
I have this accordion control but it not expand
[Code]....
[Code]....
View 3 Replies
Mar 22, 2010
I'm new to the Ajax Control Tool Kits and I was trying to use the accordion control which is cool according to
its sample.
I followed this video tutorials, however after I created the simple demo, the accordion control doesn't collapse or expand. It just didn't respond to my clicks.
Following is my code and I've trimmed is as simple as possible.
[Code]....
View 9 Replies
Apr 21, 2010
using vb.net/asp.net 2005:
After adding a new record using a stored procedure I want to expand the accordian which is inside an inner grid so that the user can see what was just added, I'm rebinding the gridview which works but when I set the SelectedIndex = 0 that does not expand the accordian. Do I need to do this in Javascript? My vb.net codebehind that I'm trying (but not working) is here:
[Code]....
View 9 Replies
Aug 24, 2010
I have this so far but kind of stuck on how to do it programtically if I'm using header and content templates I have a xmldatasource..In a nutshell at what point in my code do I need to create a new accordion? does it need to be in the item_databound handler?
[Code]....
[Code]....
View 3 Replies
Jun 2, 2010
I have a DataList in my page which it has been bound to Database.
I want to open a popup at mouseover of a databound label inside the DataList.
how can open this popup using jQuery.
I do exactly know what to do with AjaxControlToolkit and Obout.
View 12 Replies
Jul 8, 2010
I have a jQuery accordion I have been messing with... everything works how I need it except one thing.
I cannot figure out how to add a collapse and expand button to work.
[Code]....
View 1 Replies
Dec 13, 2013
I have a asp calender control on page.When i hover on perticular date, if the event is registerd then it should show me a popup with event details. The event details are fetched through database.
View 1 Replies
Nov 2, 2010
i am creating a menu which has the below structure. what i would like to do is use a jquery ui accordion control.
can i place an accordion in an accordion?... i.e. menu 1 expands out in an accordion and then the sub menus in menu 1 need to expand out in another accordion.
menu 1
sub menu of the menu 1
menu item
menu item
menu item
sub menu of the menu 1
sub menu of the menu 1
menu 2
sub menu of the menu 2
menu item
menu item
menu item
sub menu of the menu 2
sub menu of the menu 2
View 1 Replies
Apr 15, 2010
I have a Calendar Extender from the AJAX Control Toolkit attached to a textbox on my form. I have some CSS, that cannot be changed, that is causing the tags that are being used within the Calendar control to become larger then they would be with out the CSS. Is there away to expand the viewing area of the calendar control?
View 3 Replies
Aug 20, 2010
[Code]....
I am used treeview control within updatepanel,updation was no problem but i am unable to control treeview node expand and collapse.
View 1 Replies
Dec 14, 2012
Is it possible in ASP.Net to Load items in Treeview (Ajax treeview ) by using Jquery..... mns is it Ajax treeview is free to use or paid .....
View 1 Replies
Jan 6, 2011
I have made a user control using CollapsiblePanelExtender control. I am getting a small issue, that the panel that expands is not relative to the control. It always open on left side of the page. My control is in different location in different pages. How can I make sure that the expand and collapse is with respect to the control? I see "left: -36px" in the style attribute of "SettingsContentPanel". How can it be relative and doesn't break the code.
[Code]....
View 4 Replies
Apr 21, 2010
Adding an Accordion only creates the outer most tags. I then have to add the headercssclass, contentcssclass etc. info. Then i have to manually add <Pane> tags, and then add Accordion Pane controls. Using VWDE 2008, is there a way to customize the control so that adding the Accordion control automatically adds this other info? Ideally with 2 Accordion Panes to start, but even just getting the various Accordion properties and the <Pane> tags added would make it much more <Pane>less!
View 3 Replies
Aug 14, 2010
I m using ajax accordion control to display the information of my company branches. Now it always displays one pane at a time. But i want that it should not display any pane at a time. Only a single pane should be displayed when user click on header of that pane.
View 2 Replies
Dec 7, 2010
I want to render something like this (with ASP.Net Controls in the codebehind):
<ul>
<li class="first"><h1>This is a caption</h1></li>
<li><a href="#" title="" target="_self">Foo</a></li>
<li><a href="#" title="" target="_self">Foo1</a></li>
<li><a href="#" title="" target="_self">Foo2</a></li>
<li><a href="#" title="" target="_self">Foo3</a></li>
<li><a href="#" title="" target="_self">Foo4</a></li>
</ul>
<ul>
<li class="first"><h1>This is a another caption</h1></li>
<li><a href="#" title="" target="_self">Foo5</a></li>
<li><a href="#" title="" target="_self">Foo6</a></li>
<li><a href="#" title="" target="_self">Foo7</a></li>
<li><a href="#" title="" target="_self">Foo8</a></li>
<li><a href="#" title="" target="_self">Foo9</a></li>
<li><a href="#" title="" target="_self">Foo10</a></li>
<li><a href="#" title="" target="_self">Foo11</a></li>
</ul>
The amount of li elements that will be rendered into each ul is determined at runtime. Each link in a li belongs to into a specific ul (the one containing a specific caption. Imagine this as a kind of a treeview with nodes and subnodes) During the bind Event I need access to an ASP:HyperLink that will be rendered into the a-element. Which databound ASP.Net control should I pick for this? Looks like a repeater in a repeater, which should make the databinding process ugly. I'm thinking about creating this HTML-Output with StringWriters myself.
View 1 Replies
Feb 11, 2011
I followed a video tuturiol for the Ajax Accordion control and also created it manually using VWD2010ExpressAlthough the source code I downloaded works fine, mines dosen't. The links for the panes will not respond. Everything else seems to be ok.
<body>
<form id="form1" runat="server">
<div id="container">
<asp:ScriptManager ID="ScriptManager1" runat="server"/>
<div>
[code]...
View 2 Replies
Aug 17, 2010
I am using .Net 3.5 in VS 2010. I would like to use a couple of radio buttons, that are bound to data, to control the Expand/Collapse of a CollapsiblePanelExtender.
I have found several threads on the web that suggest using JavaScript to control the CollapsiblePanelExtender with a RadioButtonList, but I cannot $find the control in the JavaScript.
I have also found several threads that suggest using custom radio buttons, but I don't see how to do the databinding for these.
View 2 Replies
May 31, 2010
anyone has encountered this 'bug'...i was working with the Ajax Toolkit with vs 2008 and noticed that when i was in Split design or source view, any changes i made to the accordion tags i.e. properties, etc...it vs would automatically duplicated the whole entire accordion panel including all the content, header and accordianPanel....very annoying!
View 5 Replies
Mar 2, 2011
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
[Code]....
[Code]....
View 1 Replies
Jan 6, 2010
I have an AJAX tab container with 2 panels within aspx page. Each panel hosts an ascx control. Each control contains GridView and FormView that are databound - 1st control to the parent table and 2nd - to the child. The 2nd control/tab contains standard DropDownList that is bound to the parent values so the user can select a parent to create "child" for. everything works fine except when the parent (on the 1st tab control) is created/updates the ObjectDataSource on the 2nd tab does not getting refreshed. Only after refreshing the hole page I can see the new "parent" value in the ddl on "child" page. I use strongly typed dataset. How I can programmatically refresh the DataSource? Simple rebinding didn't make a dent. Do I need to refresh page, the tab container, tab panel?
<asp:Content
ID="Content1"
ContentPlaceHolderID="ContentPlaceHolder1"
Runat="Server">
[Code]....
View 1 Replies
Jan 3, 2010
I've practically spent seven or eight hours trying to get the ASP.NET AJAX Accordion to work and it simply will not cooperate. I have been to every imaginable corner of the web to Bing and Google, read post after post on this forum, and done any other thing I could possibly think of to get this to work, yet I still hit this wall.
Here's the code I've been using to get this to work:
[Code]....
As for the Massachusetts/Arkansas bit, I found that on some other forum that said that coding would work (it didn't for me). I'm hosting this failed attempt at [URL]. I do have the Bin folder in the project, so that's not the issue.
View 18 Replies
Oct 9, 2010
I am having quite a bit of trouble getting an accordion control to work. I downloaded the AJAX Control Toolkit (v 3.5), added the dll to my toolbox, and added an accordion control with the following code:
[Code]....
View 6 Replies
Oct 22, 2010
I'm creating a user control to be placed within a masterpage on a site. Inside the user control, I have placed a menu. It is wired up to a sitemap datasource to get navigation with security trimming included. question: How do I use the Accordion toolkit control to collapse main portions of the menu? For example, if I have Orders and Supplies and subpages contained therein, how do I setup Accordion to traverse the sitemap based on the user's security privileges?
View 3 Replies
Aug 22, 2010
I have an accordion control in my web site. And in one of the panels, I have a drop down list box where, when the user selects an item, it updates the labels right below the ddlistbox. I have it so that it maintains the scroll position when the ddlistbox has an autopostback, but it's very obvious that the whole page posts back. My question is, can I/should I just enclose the ddlistbox and the labels (and a couple of text boxes) in an AJAX update panel? I already have a ToolScriptManager (because of the accordion control), so I don't need to have another script manager, right? I can just put the update panel (with the other controls inside of it) right in the accordion panel, right? Then when the ddlistbox posts back it won't have the delay of the whole page posting back? And it'll still execute the event handler for the listbox selection change? Does this sound right? I'm just looking to make the post back "invisible", and I would like to do a partial postback of just these few controls.
View 4 Replies