SideBar control

Description
SideBar control permitts to create slide panels like in Visual Studio.
Panels are pinnable and change persists after postback.


How to use it
<myajaxToolkit:SideBar runat="server" id="SideMenu"
    SideBarWidth="36px" PanelsWidth="250px"
    ActivePanelIndex="0" Height="200px"
    OnClientActivePanelChanged="panelChanged"
    OnClientAutoHideChanged="autohideChanged"
    PinnedImage="pin.gif"
    UnpinnedImage="unpin.gif">
    <myajaxToolkit:SidePanel runat="server" ID="SidePanel1" PanelText="Primo"
                PanelImage="star.gif">
        <ContentTemplate>
            <div style="margin:10px;border:solid 1px red;">
            This is first panel
            </div>
        </ContentTemplate>
    </myajaxToolkit:SidePanel>
    <myajaxToolkit:SidePanel runat="server" ID="SidePanel2" PanelText="Secondo"
                PanelImage="user.gif">
        <ContentTemplate>
             This is second panel
        </ContentTemplate>
    </myajaxToolkit:SidePanel>
</myajaxToolkit:SideBar>




SideBar Properties
  • CssClass - A css class override used to define a custom look and feel for the sidebar
  • PinnedImage - Image url for pinned image
  • UnpinnedImage - Image url for unpinned image
  • ActivePanelIndex - The first panel to show
  • SideBarWidth - sets the width of the sidebar
  • CaptionHeight - sets the heigth of the caption in the container
  • AutoHide - sets if the sidebar is pinned or not
  • PanelsWidth - sets the width of tthe body for panels
  • HideDelay - time delay to hide the panel shown


SidePanel Properties
  • OnClientActivePanelChanged - The name of a javascript function to attach to the client-side when a the active panel changed
  • OnClientAutoHideChanged - The name of a javascript function to attach to the client-side when a the autohide property changed
  • PanelText - The text to display in the panel caption
  • PanelImage - The image to display in the sidebar
  • ContentTemplate - A TemplateInstance.Single ITemplate to use to render the panel content

Last edited Mar 4, 2008 at 8:25 AM by crino, version 2

Comments

No comments yet.