Saturday, December 10, 2011

Accordian headers all collapsed initially on page load

Accordion1.SelectedIndex = -1;
Accordion1.RequireOpenedPane = false;

Expand All / Collapse All panes in Ajax Accordion Extender


There is no direct way to Expand/Collapse all panes in Accordion Extender. Using following java script, Accordion can be Expand/Collapse all panes in one click.

<script type="text/javascript">
    function pageLoad()
    {
    collapseAll();
    }
    function collapseAll()
    {
        var behavior = $get("<%=UserAccordion.ClientID%>").AccordionBehavior;
            for (var i = 0; i < behavior._panes.length; i++) {
                behavior.get_Pane(i).content.style.display = 'none';
                behavior.get_Pane(i).content.height = 0;
                behavior.get_Pane(i).content.style.height = '0px';
            }           
            behavior.set_SelectedIndex(-1);
    }
    function expandall()
    {
       var behavior = $get("<%=UserAccordion.ClientID%>").AccordionBehavior;
            for (var i = 0; i < behavior._panes.length; i++) {
                behavior.get_Pane(i).content.style.display = 'block';
                behavior.get_Pane(i).content.height = behavior.get_Pane(i).content.scrollHeight;
                behavior.get_Pane(i).content.style.height = behavior.get_Pane(i).content.scrollHeight + 'px';
            }

    }
    </script>



Ajax CalendarExtender displaying at wrong position in Chrome

< script type ="text/javascript" language ="javascript">     function onCalendarShown(sender, args)...