I had this issue where I wanted more than one row of headers in the TabContainer as I had a large number of panels and was not able to fit them in the page.

Here is the solution. [make sure you download the toolkit with source]

Open the AJAX Control Toolkit's solution by clicking on the solution file inside the toolkit folder.  

Open the file Tabs.css under AjaxControlToolkit/Tabs/Tabs.css

And make the following changes.

/* default layout */.ajax__tab_default .ajax__tab_header {}

.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}

.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}

.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

Now click on Build -> Build Solution to build the solution.

Use the AjaxControlToolkit.dll under ToolkitTests/Bin folder as your reference from now on.

Add this dll file as reference to your current website and you should have the 2 rows.

I have been going through the ASP.net forums and many people have had issues with GridViews especially the situation where the user wants to group each row by a particular condition.

There are controls available in the market which solve the issue (only sad part is we need to buy them).

I have used up 2 GridViews and AJAX Control Toolkit's accordion to achieve the required result. I have not done any back-end code, so this enables even a novice developer to create this page. Also I am using the NorthWind database provided by Microsoft.

Working Link

Download the source-code

Screenshot:

Code:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="CategoryID"                

DataSourceID="getCategories">                

<Columns>                    

<asp:TemplateField HeaderText="CategoryName" SortExpression="CategoryName">                        

<ItemTemplate>                            

<asp:Label Visible="false" ID="labelCategoryID" runat="server" Text='<%# Bind("CategoryID") %>'></asp:Label>                           

<cc1:Accordion ID="MyAccordion" runat="server" SelectedIndex="-1" HeaderCssClass="accordionHeader"                                

ContentCssClass="accordionContent" FadeTransitions="true" FramesPerSecond="30"                                

TransitionDuration="250" Width="500px" AutoSize="None" RequireOpenedPane="false"                                

SuppressHeaderPostbacks="true">                                

<Panes>                                    

<cc1:AccordionPane ID="pane1" runat="server">                                        

<Header>                                            

<asp:DataList ID="DataList2" runat="server" DataSourceID="getNamefromID">                                                

<ItemTemplate>                                                    

<asp:HyperLink NavigateUrl="~/Default.aspx" runat="server" Text='<%# Eval("CategoryName") %>'></asp:HyperLink>                                                

</ItemTemplate>                                           

</asp:DataList>                                        

</Header>                                        

<Content>                                            

<asp:GridView CellPadding="4" ForeColor="#333333" GridLines="None" ID="GridView2"                                                

runat="server" AutoGenerateColumns="False" DataKeyNames="ProductID" DataSourceID="getProducts">                                                

<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />                                                

<RowStyle BackColor="#E3EAEB" />                                                

<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />                                                

<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />                                                

<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />                                                

<EditRowStyle BackColor="#7C6F57" />                                                

<AlternatingRowStyle BackColor="White" />                                                

<Columns>                                                    

<asp:BoundField DataField="ProductID" HeaderText="ProductID" InsertVisible="False"                                                        

ReadOnly="True" SortExpression="ProductID" />                                                    

<asp:BoundField DataField="ProductName" HeaderText="ProductName" SortExpression="ProductName" />                                                    

<asp:BoundField DataField="SupplierID" HeaderText="SupplierID" SortExpression="SupplierID" />                                                    

<asp:BoundField DataField="QuantityPerUnit" HeaderText="QuantityPerUnit" SortExpression="QuantityPerUnit" />                                                

</Columns>                                            

</asp:GridView>                                        

</Content>                                    

</cc1:AccordionPane>                                

</Panes>                            

</cc1:Accordion>                            

<asp:AccessDataSource ID="getNamefromID" runat="server" DataFile="~/App_Data/Nwind.mdb"                                

SelectCommand="SELECT [CategoryName],[CategoryID] FROM [Categories] WHERE ([CategoryID] = ?)">                                

<SelectParameters>                                    

<asp:ControlParameter ControlID="labelCategoryID" Name="CategoryID" PropertyName="Text"                                       

 Type="Int32" />                                

</SelectParameters>                            

</asp:AccessDataSource>                            

<asp:AccessDataSource ID="getProducts" runat="server" DataFile="~/App_Data/Nwind.mdb"                                

SelectCommand="SELECT [ProductID], [ProductName], [SupplierID], [QuantityPerUnit] FROM [Products] WHERE ([CategoryID] = ?)">                                

<SelectParameters>                                    

<asp:ControlParameter ControlID="labelCategoryID" Name="CategoryID" PropertyName="Text"                                        

Type="Int32" />                                

</SelectParameters>                            

</asp:AccessDataSource>                        

</ItemTemplate>                    

</asp:TemplateField>                

</Columns>            

</asp:GridView>            

<asp:AccessDataSource ID="getCategories" runat="server" DataFile="~/App_Data/Nwind.mdb"                

SelectCommand="SELECT [CategoryName], [CategoryID] FROM [Categories]"></asp:AccessDataSource>

1. Now for this one I got hold of one of the dictionary files from a dictionary attack and converted into an access DB.

2. Then went ahead and built an AJAX enabled website using VS 2005.

3. Added up a TextBox and an AutoCompleteExtender.

4. Add an AutoComplete page method from the tasks.

Code of the .aspx page:

<form id="form1" runat="server">        

<asp:ScriptManager ID="ScriptManager1" runat="server" />        

<div>            

Automatically generating words for a textbox using asp.net ajax:

<br />            

<br />            

<asp:TextBox ID="TextBox1" runat="server" Width="372px"></asp:TextBox><br />            

<br />            

<cc1:AutoCompleteExtender TargetControlID="TextBox1" MinimumPrefixLength="1" ID="AutoCompleteExtender1" runat="server" ServiceMethod="GetCompletionList"                

UseContextKey="True">            

</cc1:AutoCompleteExtender>        

</div>    

</form>

4. Added up the following code in the .cs file where in I am doing a simple query and calling up the web service method.

public static string[] GetCompletionList(string prefixText, int count, string contextKey)

{

if (count == 0){count = 10;}string connString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source='C:\\Users\\abbas\\Desktop\\site1\\App_Data\\db01.mdb'";

OleDbConnection conn = new OleDbConnection(connString);string sql = "SELECT [Desc]FROM Table1 WHERE Desc LIKE (@value + '%')";

OleDbCommand myCmd = new OleDbCommand(sql, conn);

myCmd.Parameters.Add(new OleDbParameter("@value", System.Data.SqlDbType.Text));

conn.Open();myCmd.Parameters["@value"].Value = prefixText.ToString();

OleDbDataReader reader = myCmd.ExecuteReader();int i = 0;

ArrayList arrNames = new ArrayList();while (reader.Read() && i < 20){arrNames.Add(reader[0].ToString());i++;

}

conn.Close();

return (string[])(arrNames.ToArray(connString.GetType()));}

And here it goes. I just kept the number of results to 20.

(for the DB. Download a dictionary wordlist. Create a Db with one table and import the data. There you go. If you need the DB or the wordlist just email me)