Ajax Accordion

Bu makalede sizlere Ajax teknolojisindeki accordion control'ünden söz edeceğim.

Bu makalede sizlere Ajax teknolojisindeki accordion control'ünden söz edeceğim.


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="_Accordion.aspx.cs" Inherits="_02122012_ajaxControlToolkit._Accordion" %>



<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <link href="StyleSheet1.css" rel="stylesheet" type="text/css" />

    <title></title>

</head>

<body>

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

    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

    </asp:ToolkitScriptManager>

    <div>

        <asp:Accordion ID="Accordion1" runat="server" HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected"

            ContentCssClass="accordionContent" TransitionDuration="250" FadeTransitions="true">

           

            <Panes>

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

                    <Header>

                        İsimler

                    </Header>

                    <Content>

                        <ul>

                            <li>Zeki</li>

                            <li>Kübra</li>

                            <li>Irmak</li>

                            <li>Sema</li>

                        </ul>

                    </Content>

                </asp:AccordionPane>

                <asp:AccordionPane runat="server" ID="pane2">

                    <Header>

                        Üniversiteler</Header>

                    <Content>

                        <ul>

                            <li>Yıldız Teknik Üniversitesi</li>

                            <li>İstanbul Üniversitesi</li>

                        </ul>

                    </Content>

                </asp:AccordionPane>

            </Panes>

        </asp:Accordion>

    </div>

    </form>

</body>

</html>




Bu kodu Asp.net web application içine yazarak ne işe yaradığını görmelisiniz.

Bir sonraki makalede görüşmek üzere...

Zeki GÜLLÜOÐLU
Yazılım Geliştirici & Veritabanı Uzmanı
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git