New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Client-side

  • File
  • Home
  • Insert
  • View
Item ImagePaste 
Item ImageCutItem ImageCopyItem ImageFormat
Clipboard
Item ImageItem ImageItem ImageItem ImageItem ImageItem Image
Font
Item ImageItem ImageItem ImageItem Image
Item ImageItem Image
Item ImageItem Image
Paragraph
  • imageNormal
  • imageNo Spacing
  • imageHeading 1
  • imageHeading 2
  • imageTitle
  • imageSubtitle
  • imageSubtle Emphasis
  • imageEmphasis
  • imageIntense Emphasis
  • imageStrong
  • imageQuote
  • imageIntense Quote
  • imageSubtle Reference
  • imageIntense Reference
  • imageBook Title
  • imageList Paragraph
Styles
Item ImageFind 
  • Item ImageFind...
  • Item ImageGo to...
Item ImageReplaceItem ImageSelect 
Editing
Item ImagePictureItem ImageClip ArtItem ImageShapesItem ImageSmartArtItem ImageChart
Illustrations
Item ImageHyperlinkItem ImageBookmarkItem ImageCross-reference
Links
Item ImageZoomItem Image100%Item ImageOne PageItem ImageTwo PagesItem ImagePage Width
Zoom
Item ImageMacros 
  • Item ImageView Macros
  • Item ImageRecord Macro...
Macros
Event log
  • Logged events

RadRibbonBar exposes the following client-side events:

Load - Raised when the client object of RadRibbonBar is created and initialized.
ApplicationMenuItemClicked (ApplicationMenuItemClicking) - Raised when an application menu item is clicked. (Can be cancelled.)
SelectedTabChanged (SelectedTabChanging) - Raised when a non-selected tab is clicked. (Can be cancelled.)
ButtonClicked (ButtonClicking) - Raised when a Button is clicked. (Can be cancelled.)
SpiltButtonClicked (SpiltButtonClicking) - Raised when a SplitButton item is clicked. (Can be cancelled.)
ButtonToggled (ButtonToggling) - Raised when a ToggleButton is clicked. (Can be cancelled.)
MenuButtonClicked (MenuButtonClicking) - Raised when a menu Button is clicked. (Can be cancelled.)
LauncherClicked (LauncherClicking) - Raised when a group Launcher is clicked. (Can be cancelled.)
ToggleListToggled (ToggleListToggling) - Raised when a ToggleButton inside ToggleList is toggled. (Can be cancelled.)
DropDownSelectedIndexChanged (DropDownSelectedIndexChanging) - Raised when the selected index of a DropDown is changed. (Can be cancelled.)
ComboBoxSelectedIndexChanged (ComboBoxSelectedIndexChanging) - Raised when the selected index of a ComboBox is changed. (Can be cancelled.)
ComboBoxTextChanged - Raised when the text of a ComboBox is changed.
NumericTextBoxValueChanged (NumericTextBoxValueChanging) - Raised when the value of a NumericTextBox is changed. (Can be cancelled.)
ColorPickerColorChanged (ColorPickerColorChanging) - Raised when the selected color of a ColorPicker is changed. (Can be cancelled.)
GalleryCommand - Raised when a GalleryItem is clicked.
GalleryCommandPreview - Raised when the user moves the mouse over a GalleryItem.
GalleryCommandPreviewEnd - Raised when the user moves the mouse out of a GalleryItem.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="RibbonBar.Examples.Events.ClientSide.DefaultCS" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <script src="scripts.js" type="text/javascript"></script>
    <link href="styles.css" rel="stylesheet" />
</head>

<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />

    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="ConfiguratorPanel1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadRibbonBar1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1"></telerik:RadAjaxLoadingPanel>

    <div class="demo-container size-wide">
        <telerik:RadRibbonBar RenderMode="Lightweight" ID="RadRibbonBar1" runat="server" EnableQuickAccessToolbar="true" Skin="Default"
            OnClientLoad="onLoad" OnClientApplicationMenuItemClicking="onApplicationMenuItemClicking"
            OnClientApplicationMenuItemClicked="onApplicationMenuItemClicked" OnClientSelectedTabChanging="onSelectedTabChanging"
            OnClientSelectedTabChanged="onSelectedTabChanged" OnClientButtonClicking="onButtonClicking"
            OnClientButtonClicked="onButtonClicked" OnClientSplitButtonClicking="onMenuButtonClicking"
            OnClientButtonToggling="onButtonToggling" OnClientButtonToggled="onButtonToggled"
            OnClientSplitButtonClicked="onMenuButtonClicked" OnClientMenuItemClicking="onMenuItemClicking"
            OnClientMenuItemClicked="onMenuItemClicked" OnClientLauncherClicking="onLauncherClicking"
            OnClientLauncherClicked="onLauncherClicked" OnClientToggleListToggling="onToggleListToggling"
            OnClientToggleListToggled="onToggleListToggled"
            OnClientDropDownSelectedIndexChanging="onDropDownSelectedIndexChanging"
            OnClientDropDownSelectedIndexChanged="onDropDownSelectedIndexChanged"
            OnClientComboBoxSelectedIndexChanging="onComboBoxSelectedIndexChanging"
            OnClientComboBoxSelectedIndexChanged="onComboBoxSelectedIndexChanged"
            OnClientComboBoxTextChanged="onComboBoxTextChanged"
            OnClientNumericTextBoxValueChanging="onNumericTextBoxValueChanging"
            OnClientNumericTextBoxValueChanged="onNumericTextBoxValueChanged"
            OnClientColorPickerColorChanging="onColorPickerColorChanging"
            OnClientColorPickerColorChanged="onColorPickerColorChanged"
            OnClientGalleryCommand="onGalleryCommand"
            OnClientGalleryCommandPreview="onGalleryCommandPreview"
            OnClientGalleryCommandPreviewEnd="onGalleryCommandPreviewEnd">
        <ApplicationMenu Text="File">
            <Items>
                <telerik:RibbonBarApplicationMenuItem Text="New" ImageUrl="../../../Images/Icons/file/New.png" />
                <telerik:RibbonBarApplicationMenuItem Text="Open" ImageUrl="../../../Images/Icons/file/Open.png" />
                <telerik:RibbonBarApplicationMenuItem Text="Save" ImageUrl="../../../Images/Icons/file/Save.png" />
                <telerik:RibbonBarApplicationSplitMenuItem Text="Save As" ImageUrl="../../../Images/Icons/file/SaveAs.png" Header="Save document as">
                    <Items>
                        <telerik:RibbonBarApplicationMenuItem Text="Word Document (*.docx)" ImageUrl="../../../Images/Icons/file/Document.png" />
                        <telerik:RibbonBarApplicationMenuItem Text="Word 97-2003 Document (*.doc)" ImageUrl="../../../Images/Icons/file/Document.png" />
                        <telerik:RibbonBarApplicationMenuItem Text="PDF (*.pdf)" ImageUrl="../../../Images/Icons/file/Document.png" />
                        <telerik:RibbonBarApplicationMenuItem Text="Web Page (*.htm;*.html)" ImageUrl="../../../Images/Icons/file/Document.png" />
                        <telerik:RibbonBarApplicationMenuItem Text="Plain Text (*.txt)" ImageUrl="../../../Images/Icons/file/Document.png" />
                    </Items>
                </telerik:RibbonBarApplicationSplitMenuItem>
                <telerik:RibbonBarApplicationMenuItem Text="Close" ImageUrl="../../../Images/Icons/file/Close.png" />
            </Items>
            <AuxiliaryPane Header="Recent Documents">
                <ContentTemplate>
                    <ol>
                        <li>Document 1.doc</li>
                        <li>Document 2.doc</li>
                        <li>Document 3.doc</li>
                        <li>Document 4.doc</li>
                        <li>Document 5.doc</li>
                    </ol>
                </ContentTemplate>
            </AuxiliaryPane>
        </ApplicationMenu>
            <Tabs>
                <telerik:RibbonBarTab Text="Home">
                    <telerik:RibbonBarGroup Text="Clipboard" EnableLauncher="true">
                        <Items>
                            <telerik:RibbonBarMenu QuickAccess="Active" Size="Large" Text="Paste" ImageUrl="../../../Images/Icons/home/Paste.png">
                                <Items>
                                    <telerik:RibbonBarMenuItem Text="Paste" ImageUrl="../../../Images/Icons/home/Paste.png">
                                    </telerik:RibbonBarMenuItem>
                                    <telerik:RibbonBarMenuItem Text="Paste Special..." ImageUrl="../../../Images/Icons/home/Paste.png">
                                    </telerik:RibbonBarMenuItem>
                                </Items>
                            </telerik:RibbonBarMenu>
                            <telerik:RibbonBarButton Size="Medium" Text="Cut" ImageUrl="../../../Images/Icons/home/Cut.png">
                            </telerik:RibbonBarButton>
                            <telerik:RibbonBarButton Size="Medium" Text="Copy" ImageUrl="../../../Images/Icons/home/Copy.png">
                            </telerik:RibbonBarButton>
                            <telerik:RibbonBarButton Size="Medium" Text="Format" ImageUrl="../../../Images/Icons/home/Format_Painter.png">
                            </telerik:RibbonBarButton>
                        </Items>
                    </telerik:RibbonBarGroup>
                    <telerik:RibbonBarGroup Text="Font">
                        <Items>
                        <telerik:RibbonBarControlGroup Orientation="Vertical">
                            <telerik:RibbonBarControlGroup Orientation="Horizontal">
                                <telerik:RibbonBarDropDown Width="132">
                                    <Items>
                                        <telerik:RibbonBarListItem Text="Arial" Selected="true" />
                                        <telerik:RibbonBarListItem Text="Comic Sans" Selected="true" />
                                        <telerik:RibbonBarListItem Text="Tahoma" Selected="true" />
                                        <telerik:RibbonBarListItem Text="Verdana" Selected="true" />
                                        <telerik:RibbonBarListItem Text="Times New Roman" Selected="true" />
                                    </Items>
                                </telerik:RibbonBarDropDown>
                            </telerik:RibbonBarControlGroup>
                            <telerik:RibbonBarControlGroup Orientation="Horizontal">
                                <telerik:RibbonBarNumericTextBox Value="0.3" Step="0.1" Suffix=" pt" />
                                <telerik:RibbonBarComboBox Width="44">
                                    <Items>
                                        <telerik:RibbonBarListItem Text="8" />
                                        <telerik:RibbonBarListItem Text="9" />
                                        <telerik:RibbonBarListItem Text="10" Selected="true" />
                                        <telerik:RibbonBarListItem Text="11" />
                                        <telerik:RibbonBarListItem Text="12" />
                                        <telerik:RibbonBarListItem Text="14" />
                                        <telerik:RibbonBarListItem Text="16" />
                                        <telerik:RibbonBarListItem Text="18" />
                                        <telerik:RibbonBarListItem Text="20" />
                                        <telerik:RibbonBarListItem Text="22" />
                                        <telerik:RibbonBarListItem Text="24" />
                                        <telerik:RibbonBarListItem Text="26" />
                                        <telerik:RibbonBarListItem Text="28" />
                                    </Items>
                                </telerik:RibbonBarComboBox>
                                <telerik:RibbonBarColorPicker SelectedColor="Red"></telerik:RibbonBarColorPicker>
                            </telerik:RibbonBarControlGroup>
                            <telerik:RibbonBarControlGroup Orientation="Horizontal">
                                <telerik:RibbonBarToggleButton Size="Small" Text="Bold" ImageUrl="../../../Images/Icons/home/font/Bold.png">
                                </telerik:RibbonBarToggleButton>
                                <telerik:RibbonBarToggleButton Size="Small" Text="Italic" ImageUrl="../../../Images/Icons/home/font/Italic.png">
                                </telerik:RibbonBarToggleButton>
                                <telerik:RibbonBarToggleButton Size="Small" Text="Underline" ImageUrl="../../../Images/Icons/home/font/Underline.png">
                                </telerik:RibbonBarToggleButton>
                                <telerik:RibbonBarToggleButton Size="Small" Text="Strikethrough" ImageUrl="../../../Images/Icons/home/font/Strike.png">
                                </telerik:RibbonBarToggleButton>
                                <telerik:RibbonBarToggleList>
                                    <ToggleButtons>
                                        <telerik:RibbonBarToggleButton Size="Small" Text="Superscript" ImageUrl="../../../Images/Icons/home/font/Superscript.png">
                                        </telerik:RibbonBarToggleButton>
                                        <telerik:RibbonBarToggleButton Size="Small" Text="Subscript" ImageUrl="../../../Images/Icons/home/font/Subscript.png">
                                        </telerik:RibbonBarToggleButton>
                                    </ToggleButtons>
                                </telerik:RibbonBarToggleList>
                            </telerik:RibbonBarControlGroup>
                        </telerik:RibbonBarControlGroup>
                        </Items>
                    </telerik:RibbonBarGroup>
                    <telerik:RibbonBarGroup Text="Paragraph">
                        <Items>
                            <telerik:RibbonBarButtonStrip>
                                <Buttons>
                                    <telerik:RibbonBarButton Text="Align Left" ImageUrl="../../../Images/Icons/home/paragraph/AlignLeft.png">
                                    </telerik:RibbonBarButton>
                                    <telerik:RibbonBarButton Text="Align Center" ImageUrl="../../../Images/Icons/home/paragraph/AlignCenter.png">
                                    </telerik:RibbonBarButton>
                                    <telerik:RibbonBarButton Text="Align Right" ImageUrl="../../../Images/Icons/home/paragraph/AlignRight.png">
                                    </telerik:RibbonBarButton>
                                    <telerik:RibbonBarButton Text="Justify" ImageUrl="../../../Images/Icons/home/paragraph/Justify.png">
                                    </telerik:RibbonBarButton>
                                </Buttons>
                            </telerik:RibbonBarButtonStrip>
                            <telerik:RibbonBarButtonStrip>
                                <Buttons>
                                    <telerik:RibbonBarButton Size="Small" Text="Unordered List" ImageUrl="../../../Images/Icons/home/paragraph/UL.png">
                                    </telerik:RibbonBarButton>
                                    <telerik:RibbonBarButton Size="Small" Text="Numbered List" ImageUrl="../../../Images/Icons/home/paragraph/OL.png">
                                    </telerik:RibbonBarButton>
                                </Buttons>
                            </telerik:RibbonBarButtonStrip>
                            <telerik:RibbonBarButtonStrip>
                                <Buttons>
                                    <telerik:RibbonBarButton Size="Small" Text="Decrease Indent" ImageUrl="../../../Images/Icons/home/paragraph/DecrIndent.png">
                                    </telerik:RibbonBarButton>
                                    <telerik:RibbonBarButton Size="Small" Text="Increase Indent" ImageUrl="../../../Images/Icons/home/paragraph/IncrIndent.png">
                                    </telerik:RibbonBarButton>
                                </Buttons>
                            </telerik:RibbonBarButtonStrip>
                        </Items>
                    </telerik:RibbonBarGroup>
                    <telerik:RibbonBarGroup Text="Styles" EnableLauncher="true">
                        <Items>
                            <telerik:RibbonBarGallery ItemHeight="50px" ItemWidth="60px" Columns="3" ExpandedColumns="4">
                                <telerik:RibbonBarGalleryCategory>
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/Normal.png" Text="Normal" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/NoSpacing.png" Text="No Spacing" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/Heading1.png" Text="Heading 1" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/Heading2.png" Text="Heading 2" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/Title.png" Text="Title" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/Subtitle.png" Text="Subtitle" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/SubEmphasis.png" Text="Subtle Emphasis" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/Emphasis.png" Text="Emphasis" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/IntEmphasis.png" Text="Intense Emphasis" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/Strong.png" Text="Strong" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/Quote.png" Text="Quote" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/IntQuote.png" Text="Intense Quote" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/SubReference.png" Text="Subtle Reference" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/IntReference.png" Text="Intense Reference" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/BookTitle.png" Text="Book Title" />
                                    <telerik:RibbonBarGalleryItem ImageUrl="../../../Images/Icons/home/styles/ListParagraph.png" Text="List Paragraph" />
                                </telerik:RibbonBarGalleryCategory>
                            </telerik:RibbonBarGallery>
                        </Items>
                    </telerik:RibbonBarGroup>
                    <telerik:RibbonBarGroup Text="Editing" EnableLauncher="true">
                        <Items>
                            <telerik:RibbonBarSplitButton QuickAccess="Active" Size="Medium" Text="Find" ImageUrl="../../../Images/Icons/home/Find.png">
                                <Buttons>
                                    <telerik:RibbonBarButton Text="Find..." ImageUrl="../../../Images/Icons/home/Find.png"></telerik:RibbonBarButton>
                                    <telerik:RibbonBarButton Text="Go to..." ImageUrl="../../../Images/Icons/home/Go.png"></telerik:RibbonBarButton>
                                </Buttons>
                            </telerik:RibbonBarSplitButton>
                            <telerik:RibbonBarButton Size="Medium" Text="Replace" ImageUrl="../../../Images/Icons/home/Replace.png">
                            </telerik:RibbonBarButton>
                            <telerik:RibbonBarMenu Size="Medium" Text="Select" ImageUrl="../../../Images/Icons/home/Select.png">
                                <Items>
                                    <telerik:RibbonBarMenuItem Text="Select All" ImageUrl="../../../Images/Icons/home/Select_All.png">
                                    </telerik:RibbonBarMenuItem>
                                    <telerik:RibbonBarMenuItem Text="Select Objects" ImageUrl="../../../Images/Icons/home/Select.png">
                                    </telerik:RibbonBarMenuItem>
                                </Items>
                            </telerik:RibbonBarMenu>
                        </Items>
                    </telerik:RibbonBarGroup>
                </telerik:RibbonBarTab>
                <telerik:RibbonBarTab Text="Insert">
                    <telerik:RibbonBarGroup Text="Illustrations">
                        <Items>
                            <telerik:RibbonBarButton Size="Large" Text="Picture" ImageUrl="../../../Images/Icons/insert/Picture.png">
                            </telerik:RibbonBarButton>
                            <telerik:RibbonBarButton Size="Large" Text="Clip Art" ImageUrl="../../../Images/Icons/insert/Clipart.png">
                            </telerik:RibbonBarButton>
                            <telerik:RibbonBarButton Size="Large" Text="Shapes" ImageUrl="../../../Images/Icons/insert/Shapes.png">
                            </telerik:RibbonBarButton>
                            <telerik:RibbonBarButton Size="Large" Text="SmartArt" ImageUrl="../../../Images/Icons/insert/SmartArt.png">
                            </telerik:RibbonBarButton>
                            <telerik:RibbonBarButton Size="Large" Text="Chart" ImageUrl="../../../Images/Icons/insert/Chart.png">
                            </telerik:RibbonBarButton>
                        </Items>
                    </telerik:RibbonBarGroup>
                    <telerik:RibbonBarGroup Text="Links">
                        <Items>
                            <telerik:RibbonBarButton QuickAccess="Active" Size="Large" Text="Hyperlink" ImageUrl="../../../Images/Icons/insert/Link.png">
                            </telerik:RibbonBarButton>
                            <telerik:RibbonBarButton Size="Large" Text="Bookmark" ImageUrl="../../../Images/Icons/insert/Bookmark.png">
                            </telerik:RibbonBarButton>
                            <telerik:RibbonBarButton Size="Large" Text="Cross-reference" ImageUrl="../../../Images/Icons/insert/Cross_reference.png">
                            </telerik:RibbonBarButton>
                        </Items>
                    </telerik:RibbonBarGroup>
                </telerik:RibbonBarTab>
                <telerik:RibbonBarTab Text="View">
                    <telerik:RibbonBarGroup Text="Zoom">
                        <Items>
                            <telerik:RibbonBarToggleList>
                                <ToggleButtons>
                                    <telerik:RibbonBarToggleButton QuickAccess="Active" Size="Large" Text="Zoom" ImageUrl="../../../Images/Icons/view/Zoom.png">
                                    </telerik:RibbonBarToggleButton>
                                    <telerik:RibbonBarToggleButton Size="Large" Text="100%" ImageUrl="../../../Images/Icons/view/100.png">
                                    </telerik:RibbonBarToggleButton>
                                </ToggleButtons>
                            </telerik:RibbonBarToggleList>
                            <telerik:RibbonBarToggleList>
                                <ToggleButtons>
                                    <telerik:RibbonBarToggleButton Size="Medium" Text="One Page" ImageUrl="../../../Images/Icons/view/One_Page.png">
                                    </telerik:RibbonBarToggleButton>
                                    <telerik:RibbonBarToggleButton Size="Medium" Text="Two Pages" ImageUrl="../../../Images/Icons/view/Two_Pages.png">
                                    </telerik:RibbonBarToggleButton>
                                    <telerik:RibbonBarToggleButton Size="Medium" Text="Page Width" ImageUrl="../../../Images/Icons/view/Page_Width.png">
                                    </telerik:RibbonBarToggleButton>
                                </ToggleButtons>
                            </telerik:RibbonBarToggleList>
                        </Items>
                    </telerik:RibbonBarGroup>
                    <telerik:RibbonBarGroup Text="Macros">
                        <Items>
                            <telerik:RibbonBarSplitButton Size="Large" Text="Macros" ImageUrl="../../../Images/Icons/view/Macros.png">
                                <Buttons>
                                    <telerik:RibbonBarButton Text="View Macros" ImageUrl="../../../Images/Icons/view/Macros.png"></telerik:RibbonBarButton>
                                    <telerik:RibbonBarButton Text="Record Macro..." ImageUrl="../../../Images/Icons/view/Macros_Record.png">
                                    </telerik:RibbonBarButton>
                                </Buttons>
                            </telerik:RibbonBarSplitButton>
                        </Items>
                    </telerik:RibbonBarGroup>
                </telerik:RibbonBarTab>
            </Tabs>
        </telerik:RadRibbonBar>
    </div>

    <qsf:EventLogConsole ID="EventLogConsole1" runat="server" AllowClear="true"></qsf:EventLogConsole>


    <qsf:ConfiguratorPanel ID="ConfiguratorPanel1" runat="server" Title="Logged events">
        <Views>
            <qsf:View>
                <qsf:ConfiguratorColumn runat="server" Size="Medium">
                    <ul class="fb-group">
                        <li>
                            <asp:CheckBox ID="LoadCheckBox" runat="server" Text="OnClientLoad" AutoPostBack="True"
                                Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ApplicationMenuItemClickingCheckBox" runat="server" Text="OnClientApplicationMenuItemClicking"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ApplicationMenuItemClickedCheckBox" runat="server" Text="OnClientApplicationMenuItemClicked"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="SelectedTabChangingCheckBox" runat="server" Text="OnClientSelectedTabChanging"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="SelectedTabChangedCheckBox" runat="server" Text="OnClientSelectedTabChanged"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ButtonClickingCheckBox" runat="server" Text="OnClientButtonClicking"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ButtonClickedCheckBox" runat="server" Text="OnClientButtonClicked"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="SplitButtonClickingCheckBox" runat="server" Text="OnClientSplitButtonClicking"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="SplitButtonClickedCheckBox" runat="server" Text="OnClientSplitButtonClicked"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ToggleButtonTogglingCheckBox" runat="server" Text="OnClientButtonToggling"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ToggleButtonToggledCheckBox" runat="server" Text="OnClientButtonToggled"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="MenuItemClickingCheckBox" runat="server" Text="OnClientMenuItemClicking"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="MenuItemClickedCheckBox" runat="server" Text="OnClientMenuItemClicked"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="LauncherClickingCheckBox" runat="server" Text="OnClientLauncherClicking"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="LauncherClickedCheckBox" runat="server" Text="OnClientLauncherClicked"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                    </ul>
                </qsf:ConfiguratorColumn>
                <qsf:ConfiguratorColumn ID="ConfiguratorColumn1" runat="server" Size="Medium">
                    <ul class="fb-group">
                        <li>
                            <asp:CheckBox ID="ToggleListTogglingCheckBox" runat="server" Text="OnClientToggleListToggling"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ToggleListToggledCheckBox" runat="server" Text="OnClientToggleListToggled"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="DropDownSelectedIndexChangingCheckBox" runat="server" Text="OnClientDropDownSelectedIndexChanging"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="DropDownSelectedIndexChangedCheckBox" runat="server" Text="OnClientDropDownSelectedIndexChanged"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ComboBoxSelectedIndexChangingCheckBox" runat="server" Text="OnClientComboBoxSelectedIndexChanging"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ComboBoxSelectedIndexChangedCheckBox" runat="server" Text="OnClientComboBoxSelectedIndexChanged"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ComboBoxTextChangedCheckBox" runat="server" Text="OnClientComboBoxTextChanged"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="NumericTextBoxValueChangingCheckBox" runat="server" Text="OnClientNumericTextBoxValueChanging"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="NumericTextBoxValueChangedCheckBox" runat="server" Text="OnClientNumericTextBoxValueChanged"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ColorPickerColorChangingCheckBox" runat="server" Text="OnClientColorPickerColorChanging"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="ColorPickerColorChangedCheckBox" runat="server" Text="OnClientColorPickerColorChanged"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="GalleryCommandCheckBox" runat="server" Text="OnClientGalleryCommand"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="GalleryPreviewCheckBox" runat="server" Text="OnClientGalleryCommandPreview"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                        <li>
                            <asp:CheckBox ID="GalleryPreviewEndCheckBox" runat="server" Text="OnClientGalleryCommandPreviewEnd"
                                AutoPostBack="True" Checked="True"></asp:CheckBox>
                        </li>
                    </ul>
                </qsf:ConfiguratorColumn>
            </qsf:View>
        </Views>
    </qsf:ConfiguratorPanel>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance