or
Hi,
I have a quick question . In Telerik’s website,
(http://www.telerik.com/) we see this slider/menu bar at the top. When we click on button next to ‘Product families’ it closes or opens menu. What control does it use? Is it using Telrik controls? We want similar function in our website. I tried using RadMenu but I could not find a way to have Open/Close button at the top of menu for closing and opening menu.
Any help would be appreciated.
Thanks,
<
telerik:RadToolBar
ID
=
"RadToolBar1"
runat
=
"server"
EnableRoundedCorners
=
"true"
Style
=
"float: right;"
OnButtonClick
=
"MainToolbar_ButtonClick"
OnClientButtonClicking
=
"OnClientButtonClicking"
>
<
Items
>
<
telerik:RadToolBarButton
CommandName
=
"Back"
Text
=
"Back"
ImageUrl
=
"~/Images/BackButton.gif"
/>
<
telerik:RadToolBarButton
CommandName
=
"Export"
OnLoad
=
"InquiryOrMaintenanceControl_Load"
Text
=
"Export"
ImageUrl
=
"~/Images/Export.gif"
/>
<
telerik:RadToolBarButton
CommandName
=
"Reset"
OnLoad
=
"InquiryOrMaintenanceControl_Load"
Text
=
"Reset"
ImageUrl
=
"~/Images/Reset.gif"
/>
<
telerik:RadToolBarButton
CommandName
=
"DeleteAll"
OnLoad
=
"DeleteAllButton_Load"
Text
=
"Delete All"
ImageUrl
=
"~/Images/Delete.gif"
DisabledImageUrl
=
"~/Images/Delete_d.gif"
/>
<
telerik:RadToolBarButton
CommandName
=
"Retrieve"
OnLoad
=
"InquiryOrMaintenanceControl_Load"
Text
=
"Retrieve"
ImageUrl
=
"~/Images/Retrieve1.gif"
/>
<
telerik:RadToolBarButton
CommandName
=
"Import"
OnLoad
=
"MaintenanceOnlyControl_Load"
Text
=
"Upload"
ImageUrl
=
"~/Images/uploadIcon.gif"
/>
</
Items
>
</
telerik:RadToolBar
>
<
telerik:RadFormDecorator
runat
=
"server"
ID
=
"RadFormDecorator1"
DecoratedControls
=
"Select"
/>
<style type=
"text/css"
>
.rfdSelect_SkinName .rfdSelectOuter
{
font
:
12px
"Segoe UI"
,
Arial
,
sans-serif
!important
;
}
</style>
<
telerik:GridBinaryImageColumn
DataField
=
"MyImage"
DataAlternateTextField
=
"MyId"
DataType
=
"System.Int32"
DataAlternateTextFormatString
=
"{0}"
ImageAlign
=
"Middle"
HeaderText
=
"Image"
FooterText
=
"Image"
HeaderStyle-Width
=
"50"
AllowFiltering
=
"false"
AllowSorting
=
"false"
Groupable
=
"False"
ResizeMode
=
"Fit"
ImageHeight
=
"50px"
ImageWidth
=
"50px"
ReadOnly
=
"True"
DefaultImageUrl
=
"../img/noimage.png"
>
</
telerik:GridBinaryImageColumn
>
<
asp:UpdatePanel
ID
=
"UpdatePanel2"
runat
=
"server"
UpdateMode
=
"Conditional"
>
<
ContentTemplate
>
<
telerik:RadGrid
ID
=
"UserGrid"
runat
=
"server"
Culture
=
"pl-PL"
AutoGenerateColumns
=
"False"
PageSize
=
"100"
CellSpacing
=
"0"
GridLines
=
"None"
OnNeedDataSource
=
"UserGrid_NeedDataSource"
AllowCustomPaging
=
"True"
AllowFilteringByColumn
=
"True"
AllowSorting
=
"True"
EnableLinqExpressions
=
"False"
EnableHeaderContextMenu
=
"True"
OnInsertCommand
=
"UserGrid_InsertCommand"
OnUpdateCommand
=
"UserGrid_UpdateCommand"
OnItemDataBound
=
"RadGrid1_ItemDataBound"
GroupingEnabled
=
"False"
>
<
mastertableview
allowcustompaging
=
"true"
allowpaging
=
"true"
datakeynames
=
"Id"
pagerstyle-alwaysvisible
=
"true"
EditMode
=
"InPlace"
CommandItemDisplay
=
"Top"
>
<
Columns
>
<
telerik:GridEditCommandColumn
UniqueName
=
"EditCommandColumn"
ButtonType
=
"ImageButton"
HeaderStyle-Width
=
"56px"
Resizable
=
"false"
>
<
HeaderStyle
Width
=
"56px"
></
HeaderStyle
>
<
ItemStyle
CssClass
=
"MyImageButton"
/>
</
telerik:GridEditCommandColumn
>
<
telerik:GridBoundColumn
HeaderText
=
"lblName"
UniqueName
=
"Name"
DataField
=
"Name"
>
</
telerik:GridBoundColumn
>
<
telerik:GridDropDownColumn
HeaderText
=
"lblType"
ColumnEditorID
=
"GridDropDownColumnEditor1"
>
</
telerik:GridDropDownColumn
>
</
Columns
>
</
mastertableview
>
</
telerik:RadGrid
>
<
telerik:GridDropDownListColumnEditor
ID
=
"GridDropDownColumnEditor1"
runat
=
"server"
/>
</
ContentTemplate
>
</
asp:UpdatePanel
>
Sys.ArgumentUndefinedException: Sys.ArgumentUndefinedException: Value cannot be undefined. Parameter name: type
{name: "element", mayBeNull: true, domElement: true, optional: true}
Error Message | Please, see whether wrapping the code block, generating the exception, within RadCodeBlock resolves the error. |
Error Source | Telerik.Web.UI |
Stack Trace | at Telerik.Web.SkinRegistrar.RegisterCssReference(Page _page, Control _control, String _url) at Telerik.Web.SkinRegistrar.RegisterCssReferences(ISkinnableControl _control) at Telerik.Web.UI.RadCompositeDataBoundControl.RegisterCssReferences() at Telerik.Web.UI.RadCompositeDataBoundControl.OnPreRender(EventArgs e) at Telerik.Web.UI.RadGrid.OnPreRender(EventArgs e) at System.Web.UI.Control.PreRenderRecursiveInternal() at System.Web.UI.Control.PreRenderRecursiveInternal() at System.Web.UI.Control.PreRenderRecursiveInternal() at System.Web.UI.Control.PreRenderRecursiveInternal() at System.Web.UI.Control.PreRenderRecursiveInternal() at System.Web.UI.Control.PreRenderRecursiveInternal() at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) |
Target Site | Void RegisterCssReference(System.Web.UI.Page, System.Web.UI.Control, System.String) |
<
telerik:GridTemplateColumn
UniqueName
=
"rdbnot"
DataField
=
"Escalation_Notify_ID"
SortExpression
=
"Escalation_Notify_ID"
ItemStyle-BorderStyle
=
"None"
HeaderText="<%$ Code:Resources.Escalation.Notification_Freq%>">
<
ItemStyle
Width
=
"150px"
BorderStyle
=
"None"
HorizontalAlign
=
"Left"
/>
<
ItemTemplate
>
<
asp:LinkButton
ID
=
"btnNotify"
runat
=
"server"
OnClientClick
=
"AddNotify()"
></
asp:LinkButton
>
</
ItemTemplate
>
<
ItemStyle
Width
=
"150px"
BorderStyle
=
"None"
HorizontalAlign
=
"Left"
/>
</
telerik:GridTemplateColumn
>
<
ClientSettings
AllowRowsDragDrop
=
"True"
>
<
ClientEvents
OnRowSelected
=
"RowClicked"
/>
</
ClientSettings
>
function RowClicked(sender, eventArgs) {
rowCounts = grid.get_masterTableView().get_selectedItems().length;
}