Hello,
Can exist dynamically generated RadGrid with static RadGrid on the same aspx webform page?
The situation:
I have put two radgrids on the same page (one is created in Page_Init() another static). Every thing worked fine until I decided to add GridTemplateColumn to dynamically created grid (using IBindableTemplate and ITemplate). Then I started to get error:
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.
Exception Details: System.InvalidOperationException: Stack empty.
Source Error:
An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.
Stack Trace:
[InvalidOperationException: Stack empty.]
System.ThrowHelper.ThrowInvalidOperationException(ExceptionResource resource) +52
System.Collections.Generic.Stack`1.Pop() +6856361
Microsoft.VisualStudio.Web.PageInspector.Runtime.WebForms.SelectionMappingRenderTraceListener.EndRendering(TextWriter writer, Object renderedObject) +84
System.Web.UI.RenderTraceListenerList.EndRendering(TextWriter writer, Object renderedObject) +66
System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +170
System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100
System.Web.UI.Control.RenderControl(HtmlTextWriter writer) +25
System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1303
I get this error when I try to edit or add new record on static RadGrid.
The dynamically created RadGrid works without problem.
I have even created new empty project to test this and the problem remains.
Any Ideas?
Thanks
Darius
Using Telerik 2017.1.118.45 version.
Having the following setup of my RadGrid:
<
telerik:RadGrid
runat
=
"server"
ID
=
"gvResults"
AllowMultiRowSelection
=
"True"
AlternatingItemStyle-BackColor
=
"White"
PageSize
=
"10"
AllowPaging
=
"True"
Skin
=
"Bootstrap"
AutoGenerateColumns
=
"False"
AllowSorting
=
"True"
OnNeedDataSource
=
"gvResults_NeedDataSource"
GroupPanelPosition
=
"Top"
OnItemCommand
=
"gvResults_ItemCommand"
OnItemCreated
=
"gvResults_ItemCreated"
>
<
ClientSettings
EnableRowHoverStyle
=
"true"
EnableAlternatingItems
=
"false"
EnablePostBackOnRowClick
=
"true"
>
<
Selecting
AllowRowSelect
=
"true"
/>
<%--<
ClientEvents
OnRowSelected
=
"onRowSelected"
OnRowDeselected
=
"onRowDeselected"
/>--%>
</
ClientSettings
>
<
AlternatingItemStyle
BackColor
=
"White"
/>
<
MasterTableView
DataKeyNames
=
"Id"
>
<
NestedViewTemplate
>
<
div
style
=
"margin: 10px;"
>
<
div
class
=
"row"
>
<
div
class
=
"col-md-6"
>
<
div
>
<
h4
>
<%# Eval("OrderCode") %>
</
h4
>
</
div
>
<
luc:SilencerDetailsView
runat
=
"server"
ID
=
"silencerDetailsView"
/>
<
telerik:RadAjaxPanel
runat
=
"server"
ID
=
"apButtonAction"
>
<
div
class
=
"btn-group"
>
<
asp:Button
runat
=
"server"
ID
=
"btnGenPDF"
Text="<%$ Resources:Resource, ButtonGeneratePDF %>" CssClass="btn btn-default" OnClick="btnOpenPDFDialog" />
<
asp:Button
runat
=
"server"
ID
=
"btnGenDXF"
Text="<%$ Resources:Resource, ButtonGenerateDXF %>" CssClass="btn btn-default" OnClick="btnGenDXF_Click" />
<
asp:Button
runat
=
"server"
ID
=
"btnShowAddDialog"
Text="<%$ Resources:Resource, LabelAddToProject %>" CssClass="btn btn-default" OnClick="btnShowAddDialog_Click" />
<
asp:Button
runat
=
"server"
ID
=
"btnExportToMagiCAD"
Text="<%$ Resources:Resource, LabelExportToMagiCAD %>" CssClass="btn btn-default" OnClick="btnExportToMC_Click" />
<
asp:Button
runat
=
"server"
ID
=
"btnExportToRevit"
Text="<%$ Resources:Resource, LabelExportToRevit %>" CssClass="btn btn-default" OnClick="btnExportToRvt_Click" />
</
div
>
<
asp:Panel
runat
=
"server"
ID
=
"pnlActionNotification"
Style
=
"margin-top: 5px;"
Visible
=
"false"
></
asp:Panel
>
</
telerik:RadAjaxPanel
>
</
div
>
<
div
class
=
"col-md-6"
>
<
luc:ProductDataView
runat
=
"server"
ID
=
"prodDataView"
SelectedIndex
=
"2"
/>
</
div
>
</
div
>
</
div
>
</
NestedViewTemplate
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"Id"
FilterControlAltText
=
"Filter column6 column"
UniqueName
=
"colId"
Visible
=
"False"
>
</
telerik:GridBoundColumn
>
<
telerik:GridClientSelectColumn
UniqueName
=
"checkColumn"
>
<
HeaderStyle
Width
=
"42px"
/>
</
telerik:GridClientSelectColumn
>
<
telerik:GridImageColumn
DataImageUrlFields
=
"ImageThumbUrl"
FilterControlAltText
=
"Filter column column"
HeaderText
=
""
ItemStyle-HorizontalAlign
=
"Center"
ImageAlign
=
"Middle"
ImageHeight
=
"40"
ImageWidth
=
"40"
UniqueName
=
"column"
>
<
HeaderStyle
Width
=
"60px"
/>
</
telerik:GridImageColumn
>
<
telerik:GridButtonColumn
ButtonType
=
"LinkButton"
DataTextField
=
"OrderCode"
HeaderText="<%$ Resources:Resource, LabelUserCode %>" UniqueName="colConfigure" CommandName="CONFIGURE"></
telerik:GridButtonColumn
>
<
telerik:GridHyperLinkColumn
DataNavigateUrlFormatString
=
"../calculator?source=search&id={0}"
DataNavigateUrlFields
=
"Id"
AllowSorting
=
"false"
DataTextField
=
"OrderCode"
HeaderText
=
"Ordercode"
UniqueName
=
"colOrderCode"
Visible
=
"false"
>
</
telerik:GridHyperLinkColumn
>
<
telerik:GridBoundColumn
AllowSorting
=
"true"
SortExpression
=
"ViewModel.Width"
DataField
=
"ViewModel.Width"
FilterControlAltText
=
"Filter column4 column"
UniqueName
=
"colWidth"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
AllowSorting
=
"true"
SortExpression
=
"ViewModel.Height"
DataField
=
"ViewModel.Height"
FilterControlAltText
=
"Filter column4 column"
UniqueName
=
"colHeight"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
AllowSorting
=
"true"
SortExpression
=
"ViewModel.Length"
DataField
=
"ViewModel.Length"
FilterControlAltText
=
"Filter column4 column"
UniqueName
=
"colLength"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
AllowSorting
=
"true"
SortExpression
=
"NumberOfBaffles"
DataField
=
"NumberOfBaffles"
FilterControlAltText
=
"Filter column4 column"
UniqueName
=
"colNbrBaffles"
>
</
telerik:GridBoundColumn
>
<
telerik:GridNumericColumn
AllowSorting
=
"true"
DataField
=
"PriceFactor"
Visible
=
"false"
FilterControlAltText
=
"Filter column3 column"
SortExpression
=
"PriceFactor"
UniqueName
=
"colPrice"
>
</
telerik:GridNumericColumn
>
<
telerik:GridNumericColumn
DataField
=
"ViewModel.PressureLoss"
FilterControlAltText
=
"Filter column2 column"
SortExpression
=
"ViewModel.PressureLoss"
UniqueName
=
"colPressureLoss"
>
</
telerik:GridNumericColumn
>
<
telerik:GridNumericColumn
DataField
=
"SoundPower.Value"
AllowSorting
=
"true"
SortExpression
=
"SoundPower.Value"
FilterControlAltText
=
"Filter column5 column"
HeaderText
=
"Sound power [dB(A)]"
UniqueName
=
"colSoundPower"
>
</
telerik:GridNumericColumn
>
<
telerik:GridNumericColumn
DataField
=
"ViewModel.FaceVelocity"
FilterControlAltText
=
"Filter column3 column"
UniqueName
=
"colVelocity"
>
</
telerik:GridNumericColumn
>
<
telerik:GridButtonColumn
Visible
=
"false"
ButtonType
=
"PushButton"
ButtonCssClass
=
"btn btn-primary"
Text
=
"Quick Configure"
CommandName
=
"QUICK_CONFIGURE"
></
telerik:GridButtonColumn
>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
When list goes over 10 and tries to create pages it crashes with error:
Unhandled exception at line 6, column 18774 in http://localhost:50241/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=4.0.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:en:4bd8faf8-554d-46be-b2ff-c9d57adb612c:ea597d4b:b25378d2;Telerik.Web.UI:en:e5f799c1-ae8d-47dd-a4eb-e98a7cefaaeb:16e4e7cd:f7645509:22a6274a:ed16cbdc:24ee1bba:33715776:6d43f6d9:88144a7a:58366029
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'toUpperCase'
Type.prototype.registerEnum=function(b,c){Sys.__upperCaseTypes[b.toUpperCase()]=this;
Unhandled exception at line 6, column 54851 in http://localhost:50241/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=4.0.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:en:4bd8faf8-554d-46be-b2ff-c9d57adb612c:ea597d4b:b25378d2;Telerik.Web.UI:en:e5f799c1-ae8d-47dd-a4eb-e98a7cefaaeb:16e4e7cd:f7645509:22a6274a:ed16cbdc:24ee1bba:33715776:6d43f6d9:88144a7a:58366029
0x800a01bd - JavaScript runtime error: Object doesn't support this action
var $create=Sys.Component.create=function(h,f,d,c,g){var a=g?new h(g):new h,b=Sys.Application,i=b.get_isCreatingComponents();a.beginUpdate();
Is there a possibility to disable mouse scrolling in radmenu?
I tried to add IsMouseWheelEnabled="False" among other properties in aspx file, but nothing changes.
<telerik:RadMenu ID="ActionListMenu" SkinID="Menu" OnItemDataBound="OnActionButtonDataBound"
Width="100%" Flow="Horizontal" runat="server" DefaultGroupSettings-Flow="Horizontal"
IsMouseWheelEnabled="False" DefaultGroupSettings-RepeatColumns="1" CssClass="ActionsBar">
</telerik:RadMenu>
I also found element of "rmRootScrollGroup" class name but because of my browser version I am not abled to turning it off like:
rmRootScrollGroup.onwheel = null;
Is there any other way to disabling strolling by mouse wheel?
Hi I've created a new skin based on the bootstrap skin. Everything is good except for the filter menu formatting. I can't inspect it using the usual browser tools to see what css class is missing. Can you point me in the right direction?
Here is my skin file:
.RadGrid_CorpsNETBootstrap {
border
:
1px
solid
#dddddd
;
border-radius:
4px
;
color
:
#333333
;
background-color
:
#ffffff
;
/*header*/
/*rows*/
}
.RadGrid_CorpsNETBootstrap .rgGroupPanel,
.RadGrid_CorpsNETBootstrap .rgHeader,
.RadGrid_CorpsNETBootstrap .rgCommandRow {
height
:
30px
;
background
:
#f5f5f5
; }
.RadGrid_CorpsNETBootstrap .rgMasterTable,
.RadGrid_CorpsNETBootstrap .rgDetailTable,
.RadGrid_CorpsNETBootstrap .rgGroupPanel table,
.RadGrid_CorpsNETBootstrap .rgCommandRow table,
.RadGrid_CorpsNETBootstrap .rgEditForm table,
.RadGrid_CorpsNETBootstrap .rgPager table {
font
:
12px
/
1.42857
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
; }
.RadGrid_CorpsNETBootstrap .rgInput {
background-color
:
#ffffff
;
border
:
1px
solid
#dddddd
;
color
:
#555555
; }
.RadGrid_CorpsNETBootstrap a {
color
:
#2952A7
;
}
.RadGrid_CorpsNETBootstrap .rgRow > td:first-child,
.RadGrid_CorpsNETBootstrap .rgAltRow > td:first-child {
border-left-width
:
0
;
padding-left
:
8px
; }
.RadGrid_CorpsNETBootstrap .rgSave,
.RadGrid_CorpsNETBootstrap .rgUpdate,
.RadGrid_CorpsNETBootstrap .rgCancel,
.RadGrid_CorpsNETBootstrap .rgEdit,
.RadGrid_CorpsNETBootstrap .rgDel,
.RadGrid_CorpsNETBootstrap .rgExpand,
.RadGrid_CorpsNETBootstrap .rgCollapse,
.RadGrid_CorpsNETBootstrap .rgFilter,
.RadGrid_CorpsNETBootstrap .rgAdd,
.RadGrid_CorpsNETBootstrap .rgRefresh,
.RadGrid_CorpsNETBootstrap .rgSortAsc,
.RadGrid_CorpsNETBootstrap .rgSortDesc,
.RadGrid_CorpsNETBootstrap .rgUngroup,
.RadGrid_CorpsNETBootstrap .rgPagePrev,
.RadGrid_CorpsNETBootstrap .rgPageNext,
.RadGrid_CorpsNETBootstrap .rgPageFirst,
.RadGrid_CorpsNETBootstrap .rgPageLast,
.RadGrid_CorpsNETBootstrap .rgExpXLS,
.RadGrid_CorpsNETBootstrap .rgExpDOC,
.RadGrid_CorpsNETBootstrap .rgExpPDF,
.RadGrid_CorpsNETBootstrap .rgExpCSV,
.RadGrid_CorpsNETBootstrap .rgPrev span,
.RadGrid_CorpsNETBootstrap .rgNext span {
background-image
:
url
(
'Common/radActionsSprite.png'
);
width
:
32px
!important
;
height
:
32px
!important
; }
.RadGrid_CorpsNETBootstrap .rgHeader,
.RadGrid_CorpsNETBootstrap th.rgResizeCol,
.RadGrid_CorpsNETBootstrap .rgHeaderWrapper,
.RadGrid_CorpsNETBootstrap .rgMultiHeaderRow th.rgHeader {
border-bottom
:
1px
solid
#dddddd
;
border-left
:
1px
solid
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgHeader th:first-child {
border-left-width
:
0
; }
.RadGrid_CorpsNETBootstrap.rgMultiHeader .rgHeaderDiv {
margin-left
:
0
; }
.RadGrid_CorpsNETBootstrap .rgFooter td.rgExpandCol, .RadGrid_CorpsNETBootstrap.rgMultiHeader th.rgExpandCol {
border-left
:
0
none
; }
.RadGrid_CorpsNETBootstrap .rgHeader,
.RadGrid_CorpsNETBootstrap th.rgResizeCol,
.RadGrid_CorpsNETBootstrap .rgHeaderWrapper {
background-color
:
#f5f5f5
; }
.RadGrid_CorpsNETBootstrap .rgHeaderDiv {
border-right
:
1px
solid
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgHeaderWrapper {
border-bottom
:
1px
solid
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgHeader,
.RadGrid_CorpsNETBootstrap .rgHeader a {
color
:
#333333
; }
.RadGrid_CorpsNETBootstrap .rgRow > td,
.RadGrid_CorpsNETBootstrap .rgAltRow > td,
.RadGrid_CorpsNETBootstrap .rgEditRow > td {
padding
:
9px
7px
;
border-width
:
0
0
1px
1px
;
border-style
:
solid
;
border-color
:
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgAltRow > td {
background-color
:
#F2F7F5
;
}
.RadGrid_CorpsNETBootstrap .rgAltRow .rgSorted {
background-color
:
#ececec
; }
.RadGrid_CorpsNETBootstrap .rgAltRow.rgHoveredRow .rgSorted {
background-color
:
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgHoveredRow > td {
background
:
#FFFFE1
;
}
.RadGrid_CorpsNETBootstrap .rgEditRow {
background
:
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgEditRow > td {
border-style
:
solid
;
border-width
:
0
0
1px
0
;
border-color
:
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgSorted {
background-color
:
#e4e4e4
; }
.RadGrid_CorpsNETBootstrap .rgMasterTable .rgSelectedCell,
.RadGrid_CorpsNETBootstrap .rgSelectedRow > td,
.RadGrid_CorpsNETBootstrap td.rgEditRow .rgSelectedRow,
.RadGrid_CorpsNETBootstrap .rgSelectedRow td.rgSorted {
color
:
#ffffff
;
background
:
#337ab7
;
border-color
:
#ffffff
; }
.RadGrid_CorpsNETBootstrap .rgSelectedRow.rgHoveredRow {
background
:
#337ab7
; }
.RadGrid_CorpsNETBootstrap .rgSelectedCell a,
.RadGrid_CorpsNETBootstrap .rgSelectedRow a {
color
:
#ffffff
; }
.RadGrid_CorpsNETBootstrap .rgDrag {
background-image
:
url
(
'Grid/rgDrag.gif'
); }
.RadGrid_CorpsNETBootstrap .rgFooterWrapper {
border-top
:
1px
solid
#dddddd
;
background
:
#f5f5f5
; }
.RadGrid_CorpsNETBootstrap .rgFooterWrapper tr.rgFooter td {
border-bottom-width
:
0
; }
.RadGrid_CorpsNETBootstrap .rgFooter td {
padding
:
7px
0
7px
7px
;
height
:
26px
;
border-left
:
1px
solid
#dddddd
;
background
:
#f5f5f5
; }
.RadGrid_CorpsNETBootstrap .rgFooter td.rgExpandCol {
background
:
#f5f5f5
; }
.RadGrid_CorpsNETBootstrap .rgFooter td:first-child {
border-left-width
:
0
; }
.RadGrid_CorpsNETBootstrap .rgPager .rgStatus {
width
:
58px
;
background-color
:
#f5f5f5
;
border-right
:
1px
solid
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgStatus div {
width
:
auto
;
height
:
auto
;
background-image
:
url
(
'Common/loading_small.gif'
);
background-position
:
16px
0
;
background-repeat
:
no-repeat
; }
.RadGrid_CorpsNETBootstrap .rgPager > td {
border-top
:
1px
solid
#dddddd
; }
.RadGrid_CorpsNETBootstrap td.rgPagerCell {
padding
:
7px
!important
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell {
border-top
:
1px
solid
#cccccc
;
background
:
#f5f5f5
;
color
:
#999999
;
font
:
12px
/
1.42857
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgWrap {
padding
:
0
;
line-height
:
normal
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart
1
,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart
2
{
font-size
:
0
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart
1
img,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart
2
img {
margin
:
0
-1px
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a {
margin
:
0
;
padding
:
0
;
width
:
32px
;
height
:
32px
;
border
:
1px
solid
#cccccc
;
border-left-width
:
0
;
box-sizing: content-box;
background-color
:
#ffffff
;
color
:
#333333
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst:hover,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev:hover,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext:hover,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast:hover,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton:hover,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a:hover {
background-color
:
#e6e6e6
;
border-color
:
#adadad
;
color
:
#333333
; }
* + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst,
* + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev,
* + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext,
* + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast,
* + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton {
height
:
34px
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell.NumericPages .rgNumPart a:first-child {
border-left-width
:
1px
;
border-radius:
4px
0
0
4px
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell.NumericPages .rgNumPart a:last-child {
border-radius:
0
4px
4px
0
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a {
text-align
:
center
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
background-color
:
#418a86
;
border
:
1px
solid
#416D6A
;
color
:
#ffffff
;
}
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart span {
padding
:
5px
0
;
display
: inline-
block
;
float
:
none
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton {
padding
:
0
7px
;
width
:
auto
;
border-left-width
:
1px
;
border-radius:
4px
;
font-size
:
12px
;
line-height
:
32px
; }
* + html .RadGrid_CorpsNETBootstrap .rgPagerCell .riTextBox.rgPagerTextBox {
margin-left
:
-10px
;
padding-left
:
0
;
padding-right
:
0
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerLabel {
padding
:
7px
7px
0
7px
;
line-height
:
1.42857
;
display
: inline-
block
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgInfoPart {
margin-top
:
9px
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgAdvPart {
margin-left
:
10px
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext,
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast {
background-image
:
url
(
'Common/radActionsSprite.png'
);
background-repeat
:
no-repeat
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst {
border-left-width
:
1px
;
border-radius:
4px
0
0
4px
;
background-position
:
-9px
-709px
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev {
background-position
:
-9px
-109px
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext {
background-position
:
-9px
-159px
; }
.RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast {
border-radius:
0
4px
4px
0
;
background-position
:
-9px
-759px
; }
.RadGrid_CorpsNETBootstrap .rgSortAsc {
background-position
:
-9px
-9px
; }
.RadGrid_CorpsNETBootstrap .rgSortDesc {
background-position
:
-9px
-59px
; }
.RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev,
.RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext {
padding
:
6px
15px
;
line-height
:
20px
;
border-radius:
4px
;
background-color
:
#ffffff
;
border-color
:
#cccccc
;
color
:
#333333
;
margin-right
:
10px
; }
.RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev span,
.RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext span {
width
:
10px
;
height
:
10px
; }
.RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev:hover,
.RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext:hover {
background-color
:
#e6e6e6
; }
.RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev.rgDisabled:hover,
.RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext.rgDisabled:hover {
background-color
:
#ffffff
; }
.RadGrid_CorpsNETBootstrap .rgPrev span {
margin-right
:
10px
;
background-position
:
-20px
-120px
; }
.RadGrid_CorpsNETBootstrap .rgNext span {
margin-left
:
10px
;
background-position
:
-20px
-170px
; }
.RadGrid_CorpsNETBootstrap .rgFilterRow > td {
border-bottom
:
1px
solid
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgFilterBox {
padding-top
:
0
;
padding-bottom
:
0
;
height
:
32px
;
color
:
#555555
;
border
:
1px
solid
#dddddd
;
border-radius:
4px
0
0
4px
; }
.RadGrid_CorpsNETBootstrap .rgFilter {
margin-left
:
-1px
;
width
:
33px
;
height
:
32px
;
background-position
:
-9px
-4509px
;
border
:
1px
solid
#dddddd
;
border-radius:
0
4px
4px
0
;
box-sizing: content-box; }
.RadGrid_CorpsNETBootstrap .rgFilter:hover {
background-color
:
#e6e6e6
; }
* + html .RadGrid_CorpsNETBootstrap .rgFilter {
height
:
34px
; }
.RadGrid_CorpsNETBootstrap .rgFilterRow .riTextBox {
border-radius:
4px
0
0
4px
; }
.RadGrid_CorpsNETBootstrap a.rcCalPopup,
.RadGrid_CorpsNETBootstrap a.rcTimePopup {
margin-right
:
0
;
border-radius:
0
; }
.RadGrid_CorpsNETBootstrap .rgFiltered,
.RadGrid_CorpsNETBootstrap .rgFiltered:hover {
background-color
:
#e6e6e6
; }
.RadGrid_CorpsNETBootstrap .rgFilterRow .riSingle .riTextBox {
vertical-align
:
top
; }
.RadGrid_CorpsNETBootstrap .rgOptions {
background
:
url
(
'Common/radActionsSprite.png'
)
-17.5px
-6017.5px
no-repeat
; }
.RadGrid_CorpsNETBootstrap .rgOptSelected {
background-position
:
-67.5px
-6017.5px
; }
.RadGrid_CorpsNETBootstrap table.rgMasterTable .rgGroupCol {
border-left-width
:
0
; }
.RadGrid_CorpsNETBootstrap .rgGroupPanel {
padding
:
7px
;
border
:
0
;
border-bottom
:
1px
solid
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgGroupPanel td {
border
:
0
;
padding
:
3px
4px
; }
.RadGrid_CorpsNETBootstrap .rgGroupPanel td td {
padding
:
0
;
line-height
:
29px
; }
.RadGrid_CorpsNETBootstrap .rgGroupPanel .rgSortAsc {
background-position
:
-9px
-9px
; }
.RadGrid_CorpsNETBootstrap .rgGroupPanel .rgSortDesc {
background-position
:
-9px
-59px
; }
.RadGrid_CorpsNETBootstrap .rgUngroup {
background-position
:
-9px
-3359px
; }
.RadGrid_CorpsNETBootstrap .rgGroupItem {
padding
:
0
7px
;
border
:
1px
solid
#dddddd
;
color
:
#333333
; }
.RadGrid_CorpsNETBootstrap .rgGroupHeader > td {
padding
:
7px
0
;
height
:
32px
;
border-bottom
:
1px
solid
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgGroupHeader > td div div div {
top
:
17px
; }
.RadGrid_CorpsNETBootstrap .rgFooter .rgGroupCol,
.RadGrid_CorpsNETBootstrap .rgFooter .rgGroupCol ~ td {
border-bottom
:
1px
solid
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgGroupHeader .rgGroupCol {
border-bottom-width
:
0
;
border-top-width
:
0
;
background
:
#ffffff
; }
.RadGrid_CorpsNETBootstrap td.rgGroupCol {
border-top-width
:
0
;
background
:
#fbfbfb
!important
; }
.RadGrid_CorpsNETBootstrap .rgRow > .rgGroupCol,
.RadGrid_CorpsNETBootstrap .rgAltRow > .rgGroupCol {
border-bottom
:
none
; }
.RadGrid_CorpsNETBootstrap .rgExpandCol {
border-left-width
:
0
;
background
:
#ffffff
; }
.RadGrid_CorpsNETBootstrap .rgExpand {
background-position
:
-9px
-159px
; }
.RadGrid_CorpsNETBootstrap .rgCollapse {
background-position
:
-59px
-59px
; }
.RadGrid_CorpsNETBootstrap .rgRow [type=
"text"
],
.RadGrid_CorpsNETBootstrap .rgAltRow [type=
"text"
],
.RadGrid_CorpsNETBootstrap .rgEditForm [type=
"text"
] {
padding
:
0
7px
;
height
:
32px
;
border
:
1px
solid
#dddddd
;
border-radius:
4px
; }
.RadGrid_CorpsNETBootstrap .RadComboBox .rcbInput {
border
:
0
none
;
height
:
24px
;
padding
:
0
; }
.RadGrid_CorpsNETBootstrap .rgBatchContainer > input {
padding
:
4px
7px
; }
.RadGrid_CorpsNETBootstrap .rgBatchContainer {
margin
:
-9px
0px
; }
.RadGrid_CorpsNETBootstrap .rgBatchOverlay {
background
: rgba(
221
,
221
,
221
,
0.75
); }
.RadGrid_CorpsNETBootstrap .rgBatchUndoDeleteButton {
padding
:
0
10px
0
0
;
left
:
7px
;
border
:
1px
solid
;
border-color
:
#cccccc
;
color
:
#333333
;
background-color
:
#ffffff
;
border-radius:
4px
; }
.RadGrid_CorpsNETBootstrap .rgBatchUndoDeleteButton:before {
width
:
32px
;
height
:
32px
;
vertical-align
:
-11px
;
background-image
:
url
(
'Common/radActionsSprite.png'
);
background-position
:
-10px
-5960px
;
background-repeat
:
no-repeat
; }
.RadGrid_CorpsNETBootstrap .rgBatchUndoDeleteButton:hover {
border-color
:
#adadad
;
color
:
#333333
;
background-color
:
#e6e6e6
; }
.RadGrid_CorpsNETBootstrap .rgEditForm {
margin
:
-1px
;
padding
:
7px
;
border-bottom
:
1px
solid
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgEditForm.rgEditPopup {
padding
:
0
;
overflow
:
hidden
; }
.RadGrid_CorpsNETBootstrap .rgEditForm.rgEditPopup > .rgHeader + div {
box-sizing: border-box; }
.RadGrid_CorpsNETBootstrap .rgEditForm .rgHeader {
border-left
:
0
none
; }
.RadGrid_CorpsNETBootstrap .rgEditForm .rgHeader + div {
padding
:
7px
; }
.RadGrid_CorpsNETBootstrap .rgEditForm a {
color
:
#337ab7
; }
.RadGrid_CorpsNETBootstrap .rgEditForm [type=
"image"
] {
margin-right
:
2px
;
padding
:
8px
;
border
:
1px
solid
#cccccc
!important
;
border-radius:
4px
;
background
:
#ffffff
; }
.RadGrid_CorpsNETBootstrap .rgEditForm [type=
"image"
]:hover {
background
:
#e6e6e6
; }
.RadGrid_CorpsNETBootstrap .rgEditForm [type=
"text"
]:disabled {
background
:
#ffffff
;
opacity: .
7
; }
.RadGrid_CorpsNETBootstrap .rgUpdate {
background-position
:
-10px
-2610px
; }
.RadGrid_CorpsNETBootstrap .rgUpdate:active {
background-position
:
-110px
-2610px
; }
.RadGrid_CorpsNETBootstrap .rgCancel {
background-position
:
-10px
-2810px
; }
.RadGrid_CorpsNETBootstrap .rgCancel:active {
background-position
:
-110px
-2810px
; }
.RadGrid_CorpsNETBootstrap .rgDetailTable {
border-color
:
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgCommandCell {
border-bottom
:
1px
solid
#dddddd
; }
.RadGrid_CorpsNETBootstrap .rgCommandCell a {
color
:
#333333
;
text-decoration
:
none
; }
.RadGrid_CorpsNETBootstrap .rgCommandTable td {
padding
:
0
7px
1px
7px
;
border
:
0
; }
.RadGrid_CorpsNETBootstrap .rgAdd,
.RadGrid_CorpsNETBootstrap .rgRefresh,
.RadGrid_CorpsNETBootstrap .rgSave,
.RadGrid_CorpsNETBootstrap .rgCancel {
vertical-align
:
middle
;
border
:
1px
solid
transparent
; }
.RadGrid_CorpsNETBootstrap .rgAdd:hover,
.RadGrid_CorpsNETBootstrap .rgRefresh:hover,
.RadGrid_CorpsNETBootstrap .rgSave:hover,
.RadGrid_CorpsNETBootstrap .rgCancel:hover {
border
:
1px
solid
#adadad
;
border-radius:
4px
;
background-color
:
#e6e6e6
; }
.RadGrid_CorpsNETBootstrap input.rgAdd,
.RadGrid_CorpsNETBootstrap input.rgRefresh,
.RadGrid_CorpsNETBootstrap .rgSave,
.RadGrid_CorpsNETBootstrap .rgCommandRow .rgCancel {
margin-right
:
3px
!important
;
width
:
32px
!important
;
height
:
32px
!important
; }
.RadGrid_CorpsNETBootstrap input.rgAdd {
background-position
:
-10px
-3010px
; }
.RadGrid_CorpsNETBootstrap .rgAdd {
background-position
:
-10px
-3010px
;
}
.RadGrid_CorpsNETBootstrap input.rgRefresh {
background-position
:
-10px
-1310px
; }
.RadGrid_CorpsNETBootstrap .rgSave {
background-position
:
-10px
-4960px
!important
; }
.RadGrid_CorpsNETBootstrap .rgCommandRow .rgCancel {
background-position
:
-10px
-2810px
; }
.RadGrid_CorpsNETBootstrap .rgEdit {
margin-right
:
3px
;
background-position
:
-10px
-3110px
; }
.RadGrid_CorpsNETBootstrap .rgDel {
margin-right
:
3px
;
background-position
:
-10px
-3310px
; }
.RadGrid_CorpsNETBootstrap .rgExpXLS,
.RadGrid_CorpsNETBootstrap .rgExpDOC,
.RadGrid_CorpsNETBootstrap .rgExpPDF,
.RadGrid_CorpsNETBootstrap .rgExpCSV {
background-image
:
url
(
'Grid/export.png'
);
background-repeat
:
no-repeat
; }
.RadGrid_CorpsNETBootstrap .rgExpPDF {
background-position
:
8px
6px
; }
.RadGrid_CorpsNETBootstrap .rgExpXLS {
background-position
:
8px
-44px
; }
.RadGrid_CorpsNETBootstrap .rgExpCSV {
background-position
:
8px
-94px
; }
.RadGrid_CorpsNETBootstrap .rgExpDOC {
background-position
:
8px
-144px
; }
.GridContextMenu_CorpsNETBootstrap .rgHCMClear,
.GridContextMenu_CorpsNETBootstrap .rgHCMFilter {
height
:
34px
;
border-color
:
#cccccc
;
color
:
#333333
;
background-color
:
#ffffff
; }
.GridContextMenu_CorpsNETBootstrap .rgHCMClear:hover,
.GridContextMenu_CorpsNETBootstrap .rgHCMFilter:hover {
border-color
:
#adadad
;
color
:
#333333
;
background-color
:
#e6e6e6
; }
.GridContextMenu_CorpsNETBootstrap .rmGroup .rgHCMItem div.rmText {
padding
:
15px
;
margin
:
0
auto
; }
.GridContextMenu_CorpsNETBootstrap .rmLeftImage {
background-image
:
url
(
'../Common/Grid/contextMenu.gif'
); }
.GridContextMenu_CorpsNETBootstrap .rgHCMSortAsc .rmLeftImage {
background-position
:
0
0
; }
.GridContextMenu_CorpsNETBootstrap .rgHCMSortDesc .rmLeftImage {
background-position
:
0
-40px
; }
.GridContextMenu_CorpsNETBootstrap .rgHCMUnsort .rmLeftImage {
background-position
:
0
-80px
; }
.GridContextMenu_CorpsNETBootstrap .rgHCMGroup .rmLeftImage {
background-position
:
0
-120px
; }
.GridContextMenu_CorpsNETBootstrap .rgHCMUngroup .rmLeftImage {
background-position
:
0
-160px
; }
.GridContextMenu_CorpsNETBootstrap .rgHCMCols .rmLeftImage {
background-position
:
0
-200px
; }
.GridContextMenu_CorpsNETBootstrap .rgHCMFilter .rmLeftImage {
background-position
:
0
-240px
; }
.GridContextMenu_CorpsNETBootstrap .rgHCMUnfilter .rmLeftImage {
background-position
:
0
-280px
; }
.GridReorderTop_CorpsNETBootstrap,
.GridReorderBottom_CorpsNETBootstrap {
background-repeat
:
no-repeat
;
background-position
:
-20px
-70px
; }
.GridReorderBottom_CorpsNETBootstrap {
background-position
:
-20px
-20px
; }
.rgCellSelectorArea_CorpsNETBootstrap,
.GridRowSelector_CorpsNETBootstrap {
background
:
#4c4e54
; }
.GridItemDropIndicator_CorpsNETBootstrap {
border-top
:
1px
dashed
#666
; }
.GridToolTip_CorpsNETBootstrap {
border
:
1px
solid
#c98400
;
padding
:
3px
;
background
:
#ffefbd
;
color
:
#333
; }
.RadGridRTL_CorpsNETBootstrap .rgHeader:first-child,
.RadGridRTL_CorpsNETBootstrap th.rgResizeCol:first-child,
.RadGridRTL_CorpsNETBootstrap .rgFilterRow > td:first-child,
.RadGridRTL_CorpsNETBootstrap .rgRow > td:first-child,
.RadGridRTL_CorpsNETBootstrap .rgAltRow > td:first-child {
border-left-width
:
1px
;
padding-left
:
7px
; }
.RadGridRTL_CorpsNETBootstrap .rgPageFirst {
background-position
:
-9px
-759px
; }
.RadGridRTL_CorpsNETBootstrap .rgPageFirst:active {
background-position
:
-109px
-759px
; }
.RadGridRTL_CorpsNETBootstrap .rgPagePrev {
background-position
:
-9px
-159px
; }
.RadGridRTL_CorpsNETBootstrap .rgPagePrev:active {
background-position
:
-109px
-159px
; }
.RadGridRTL_CorpsNETBootstrap .rgPageNext {
background-position
:
-9px
-109px
; }
.RadGridRTL_CorpsNETBootstrap .rgPageNext:active {
background-position
:
-109px
-109px
; }
.RadGridRTL_CorpsNETBootstrap .rgPageLast {
background-position
:
-9px
-709px
; }
.RadGridRTL_CorpsNETBootstrap .rgPageLast:active {
background-position
:
-109px
-709px
; }
.RadGridRTL_CorpsNETBootstrap .rgExpand {
background-position
:
-10px
-110px
; }
and also I have some overrides in another css file:
.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table {
font
:
12px
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
!important
;
}
.RadPanelBar_Bootstrap .rpGroup .rpItem .rpLink.rpSelected, .RadPanelBar_Bootstrap .rpGroup .rpItem .rpHeaderTemplate.rpSelected {
color
:
#fff
;
background-color
:
#51b0aa
;
}
.RadGrid_Bootstrap .rgAltRow > td {
background-color
:
#e6f0ef
;
}
.RadGrid_Bootstrap a {
color
:
#396ACE
!important
;
}
.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
background-color
:
#337ab7
;
border
:
1px
solid
#2e6da4
;
color
:
#fff
!important
;
}
Hi all.
I have a real zinger. I'm populating a radgridview via web service call in the code behind (c#). But, I have tried six ways from Sunday to get a Master/Detail to work. I have two radgrids - one master/other detail. I can populate them both but when I try to bind them together using the DataKeyNames, it just won't do anything.
How I populate:
private static AdvanceAutoWS.AdvanceAutomationClient AAAdminWS = new AdvanceAutoWS.AdvanceAutomationClient(); //web service
var xGridRules = AAAdminWS.GetAllRules();
rgvRules.DataSource = xGridRules.ResponseList;
rgvRules.DataBind();
How can I create a linked detail grid using web services so that when I select a row on the master grid, it links with the corresponding records in detail grid?
Thanks a million in advance.
Jim.
I have the following RadPageView in my WebForms application:
<telerik:RadPageView ID=
"rpvInspsSketch"
runat=
"server"
>
<div class=
"fs-container"
>
<div id=
"lc"
></div>
</div>
<script src=
"../_js_libs/react-0.14.3.js"
></script>
<script src=
"../_js_libs/literallycanvas.js"
></script>
<script type=
"text/javascript"
>
var
lc = LC.init(document.getElementById(
"lc"
), {
imageURLPrefix:
'../_assets/lc-images'
,
toolbarPosition:
'bottom'
,
defaultStrokeWidth: 2,
strokeWidths: [1, 2, 3, 5, 30]
});
</script>
</telerik:RadPageView>
The canvas displays properly, but none of the drawing tools work. If I move the code outside the RadPageView it works as expected.
How can I get this to work inside the RadPageView?
Thanks - Jerald
to be able to get the desired menu for my css, i need the following output of menu:
01.
<
ul
id
=
"leftMenu"
data-role
=
"menu"
class
=
"k-widget k-reset k-header k-menu k-menu-horizontal"
tabindex
=
"0"
role
=
"menubar"
style
=
"display: block;"
>
02.
<
li
id
=
"HeaderMain"
style
=
"display: inline-block;"
class
=
"k-item k-state-default k-first selectedMenu"
role
=
"menuitem"
>
03.
<
div
class
=
"mnuLiCont"
>
04.
<
div
class
=
"mnuHomeIcon"
></
div
>
05.
<
div
class
=
"mnuTxt"
>Home</
div
>
06.
</
div
>
07.
</
li
>
08.
<
li
id
=
"HeaderDashBoard"
style
=
"display: inline-block;"
class
=
"k-item k-state-default"
role
=
"menuitem"
>
09.
<
div
class
=
"mnuLiCont"
>
10.
<
div
class
=
"mnuDashBoardIcon"
></
div
>
11.
<
div
class
=
"mnuTxt"
>Dashboard</
div
>
12.
</
div
>
13.
</
li
>
14.
</
ul
>
This is the code im doing to be able to create this menu:
01.
@(Html.Kendo().Menu()
02.
.Name(
"leftMenu"
)
03.
.Items(items =>
04.
{
05.
items.Add().HtmlAttributes(
new
{ @id =
"HeaderMain"
, @
class
=
"selectedMenu"
,@style =
"display: inline-block;"
});
06.
items.Add().HtmlAttributes(
new
{ @id =
"HeaderDashboard"
, @style =
"display: inline-block;"
});
07.
items.Add().HtmlAttributes(
new
{ @id =
"HeaderExtra"
, @style =
"display: none;"
});
08.
})
09.
.HtmlAttributes(
new
{@style =
"display: block"
})
10.
11.
)
1.
$(document)
2.
.ready(
function
() {
3.
$(
"#HeaderMain"
).append(
"<div class='mnuLiCont'><div class='mnuHomeIcon'></div><div class='mnuTxt'>Home</div></div>"
);
4.
$(
"#HeaderDashboard"
).append(
"<div class='mnuLiCont'><div class='mnuDashBoardIcon'></div><div class='mnuTxt'>Dashboard</div></div>"
);
5.
6.
7.
});
And in the next code you can see the undesired SPAN in each menu item, which i need to get rid of.
01.
<
ul
id
=
"leftMenu"
data-role
=
"menu"
class
=
"k-widget k-reset k-header k-menu k-menu-horizontal"
tabindex
=
"0"
e
=
"menubar"
style
=
"display: block;"
>
02.
<
li
id
=
"HeaderMain"
style
=
"display: inline-block;"
class
=
"k-item k-state-default k-first selectedMenu"
role
=
"menuitem"
>
03.
<
span
class
=
"k-link"
></
span
>
04.
<
div
class
=
"mnuLiCont"
>
05.
<
div
class
=
"mnuHomeIcon"
></
div
>
06.
<
div
class
=
"mnuTxt"
>Home</
div
>
07.
</
div
>
08.
</
li
>
09.
<
li
id
=
"HeaderDashBoard"
style
=
"display: inline-block;"
class
=
"k-item k-state-default"
role
=
"menuitem"
>
10.
<
span
class
=
"k-link"
></
span
>
11.
<
div
class
=
"mnuLiCont"
>
12.
<
div
class
=
"mnuDashBoardIcon"
></
div
>
13.
<
div
class
=
"mnuTxt"
>Dashboard</
div
>
14.
</
div
>
15.
</
li
>
16.
</
ul
>