Telerik Forums
UI for ASP.NET AJAX Forum
0 answers
104 views

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

 

 

 

 

Darius
Top achievements
Rank 1
 asked on 22 Feb 2017
0 answers
98 views

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();

Yenza
Top achievements
Rank 1
 asked on 22 Feb 2017
5 answers
170 views

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?

Arkadiusz
Top achievements
Rank 1
 answered on 22 Feb 2017
5 answers
139 views

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 .rgArrPart1,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart2 {
      font-size: 0; }
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart1 img,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart2 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;
}
Viktor Tachev
Telerik team
 answered on 22 Feb 2017
1 answer
69 views

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.

Jim
Top achievements
Rank 1
 answered on 22 Feb 2017
0 answers
138 views
I have a requirement to put multiple series into a chart. The item in the series x-axis should have label groupings.
I've attached a sample of graph. Any help on this would be great!
solai
Top achievements
Rank 1
 asked on 22 Feb 2017
2 answers
332 views
Hi,
I want to add gridline to the export excel file. How to do it? Thanks.
AR
Top achievements
Rank 1
 answered on 22 Feb 2017
3 answers
1.8K+ views
I have a grid with some bound columns and a template column with a textbox. Is it possible to have a button outside the grid which calls a serverside code to loop through the table and read the values from bound columns and the template column textbox?


                    <telerik:RadButton ID="btnApprove" runat="server" Text="Approved for Payment" OnClick="btnApprove_Click">
                    </telerik:RadButton>



<telerik:RadGrid ID="gridFundingBills" runat="server" Width="1100px" AllowMultiRowSelection="True"
                CssClass=" MyGridClass"
                AutoGenerateColumns="False"
                OnNeedDataSource="gridFundingBills_NeedDataSource"
                OnItemDataBound="gridFundingBills_ItemDataBound"
                 >
                <MasterTableView DataKeyNames="FundingDtlID" EditMode="InPlace">
                    <Columns>
                        <telerik:GridBoundColumn DataField="CustomerNm" FilterControlAltText="Filter CustomerNm column" HeaderText="Property" SortExpression="CustomerNm" UniqueName="CustomerNm">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="VendorNm" FilterControlAltText="Filter VendorNm column" HeaderText="Vendor" SortExpression="VendorNm" UniqueName="VendorNm">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="BankAcct" FilterControlAltText="Filter BankAcct column" HeaderText="Bank" ReadOnly="True" SortExpression="BankAcct" UniqueName="BankAcct">
                        </telerik:GridBoundColumn>
                        <telerik:GridHyperLinkColumn UniqueName="BillNo" HeaderText="Bill Reference Number" DataTextField="BillNo" DataNavigateUrlFields="BillUrl" DataNavigateUrlFormatString="http://{0}" Target="_blank">
                        </telerik:GridHyperLinkColumn>
                        <telerik:GridBoundColumn DataField="BillURL" FilterControlAltText="Filter BillURL column" ReadOnly="True" SortExpression="BillURL" UniqueName="BillURL" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="BillPeriod" FilterControlAltText="Filter BillPeriod column" HeaderText="Bill Period" ReadOnly="True" SortExpression="BillPeriod" UniqueName="BillPeriod" ItemStyle-Width="150px" HeaderStyle-Width="150px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="DueDt" DataType="System.DateTime" FilterControlAltText="Filter DueDt column" HeaderText="Due Date" SortExpression="DueDt" UniqueName="DueDt" DataFormatString="{0:d}" ItemStyle-Width="75px" HeaderStyle-Width="75px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="TotalAmt" DataType="System.Decimal" FilterControlAltText="Filter TotalAmt column" HeaderText="TotalAmt" SortExpression="Total Due" UniqueName="TotalAmt" DataFormatString="{0:F}" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" HeaderStyle-Width="75px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="RemainingAmt" DataType="System.Decimal" FilterControlAltText="Filter RemainingAmt column" HeaderText="Remaining Balance" ReadOnly="True" SortExpression="RemainingAmt" UniqueName="RemainingAmt" DataFormatString="{0:F}" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" HeaderStyle-Width="75px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="FundingDtlID" DataType="System.Guid" FilterControlAltText="Filter FundingDtlID column" HeaderText="FundingDtlID" ReadOnly="True" SortExpression="FundingDtlID" UniqueName="FundingDtlID" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="SourceBankAcctID" DataType="System.Guid" FilterControlAltText="Filter BankAcctID column" HeaderText="BankAcctID" ReadOnly="True" SortExpression="BankAcctID" UniqueName="BankAcctID" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn HeaderText="Amount Approved" UniqueName="AmtApproved" HeaderStyle-Width="55px"
                            ItemStyle-Width="55px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">
                            <ItemTemplate>
                                <asp:TextBox ID="AmountApproved" runat="server" Width="55px" OnTextChanged="AmountApproved_TextChanged"
                                    AutoPostBack="true" CssClass="numericAlign"></asp:TextBox>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">
                        </telerik:GridClientSelectColumn>
                    </Columns>
                </MasterTableView>
                <ClientSettings AllowKeyboardNavigation="true" EnableRowHoverStyle="true" EnablePostBackOnRowClick="true">
                    <ClientEvents OnRowSelected="handleTextBoxValue" OnRowDeselected="handleTextBoxValue" OnActiveRowChanged="sumAmtApproved" />
                    <Selecting AllowRowSelect="true" />
                </ClientSettings>
            </telerik:RadGrid>


protected void btnApprove_Click(object sender, EventArgs e)
    {
        //loop through each row in table
        //save value of bound column to var
        //save value of textbox in template column to var
    }



Bill Noble
Top achievements
Rank 1
 answered on 22 Feb 2017
1 answer
122 views

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

Marin Bratanov
Telerik team
 answered on 22 Feb 2017
1 answer
159 views

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>

 

Ivan Danchev
Telerik team
 answered on 22 Feb 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?