Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
218 views
Environment: Telerik UI for ASP.NET AJAX Library Q2 2014 version 2014.2.724, Internet Explorer 11 or FireFox 32, Chrome 38.

Steps to reproduce:
1. In Visual Studio, create a new ASP.NET Web Application using the Empty template and the Web Forms as a core reference.
2. Add references to Telerik.Web.UI and Telerik.Web.UI.Skins assemblies.
3. Add the Default.aspx Web Forms item into the root of the project.
4. In Default.aspx page, add the following HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2.Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
 
<!DOCTYPE html>
 
<head runat="server">
  <title></title>
</head>
<body>
  <form id="form1" runat="server">   
 <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
    <telerik:RadEditor ID="RadEditor1" runat="server">
      <Snippets>
        <telerik:EditorSnippet Name="2 Column Div Layout">           
          <!-- Row 1 -->
          <div class="row">
              <div class="span7">
                <div class="row">
                    <div class="span4">
                      <p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.</p>
                </div>
                    <div class="span3">
                      <p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.</p>
                </div>
                </div>
              </div>
          </div>
          <!-- Pad -->
          <div class="pad15"></div>
          <!-- Row 2 -->
          <div class="row">
              <div class="span7">
                <div class="row">
                    <div class="span4">
                      <p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et. </p>
                    </div>
                    <div class="span3">
                      <p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et. </p>
                    </div>
                </div>
              </div>
          </div>
        </telerik:EditorSnippet>
      </Snippets>
    </telerik:RadEditor>
  </form>
</body>
</html>

5. Build and run the project using Internet Explorer 11 or Firefox 32 or Chrome 38.
6. In the Design tab, click the Entre key. The <p>&nbsp;</p> <p>&nbsp;</p> HTML is inserted.
7. In the Design tab, click the Insert Code Snippet button and select the 2 Column Div Layout code snippet.
8. Switch to the HTML tab to see the HTML.

Actual Result:
The code snipped is inserted inside the second <p> element. As a result, the code snippet HTML is changed.

<p> </p>
<p>
  <!-- Row 1 -->
  <div class="row">
    <div class="span7">
      <div class="row">
        <div class="span4">
        </div>
      </div>
    </div>
  </div>
</p>
<p>
  Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</p>
<p>
  Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</p>
<p>
  <div class="row">
    <div class="span7">
      <div class="row">
        <div class="span3">
        </div>
      </div>
    </div>
  </div>
  <!-- Pad -->
  <div class="pad15"> </div>
  <!-- Row 2 -->
  <div class="row">
    <div class="span7">
      <div class="row">
        <div class="span4">
        </div>
      </div>
    </div>
  </div>
</p>
<p>
  Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</p>
<p>
  Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</p>


Expected Result:
The code snipped must be inserted after the <p>&nbsp;</p> <p>&nbsp;</p> HTML without any changes.

<p> </p>
<p> </p>
<!-- Row 1 -->
<div class="row">
  <div class="span7">
    <div class="row">
      <div class="span4">
        <p>
          Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
        </p>
      </div>
      <div class="span3">
        <p>
          Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
        </p>
      </div>
    </div>
  </div>
</div>
<!-- Pad -->
<div class="pad15"> </div>
<!-- Row 2 -->
<div class="row">
  <div class="span7">
    <div class="row">
      <div class="span4">
        <p>
          Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
        </p>
      </div>
      <div class="span3">
        <p>
          Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
        </p>
      </div>
    </div>
  </div>
</div>






Nikolay
Telerik team
 answered on 17 Oct 2014
1 answer
223 views
I would like to remove the white border on my radmenu.  Attached is an image

<telerik:RadMenu ID="mnuTopBar" runat="server" Width="100%" EnableEmbeddedSkins="false" Skin="TopBar">
                <Items>
                    <telerik:RadMenuItem runat="server" Text="Home" />
                    <telerik:RadMenuItem runat="server" Text="Publishers">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="PYP Publishers" />
                            <telerik:RadMenuItem runat="server" Text="Internet Publishers" />
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Resources" />
                    <telerik:RadMenuItem runat="server" Text="YPMNet" />
                    <telerik:RadMenuItem runat="server" Text="YPM Websites" />
                    <telerik:RadMenuItem runat="server" Text=" " />
                </Items>
            </telerik:RadMenu>


CSS:

/* <RadMenu / Default> */
.RadMenu_TopBar .rmRootGroup,
.RadMenu_TopBar a.rmLink,
.RadMenu_TopBar .rmGroup .rmText,
.RadMenu_TopBar .rmVertical .rmText,
.RadMenu_TopBar .rmLeftArrow,
.RadMenu_TopBar .rmRightArrow,
.RadMenu_TopBar .rmTopArrow,
.RadMenu_TopBar .rmBottomArrow {
  background-image: url('Menu/rmSprite.png');
  background-color: transparent;
}
 
.RadMenu_TopBar .rmRootGroup {
  border: 0px solid #828282;
  background-repeat: repeat-x;
  background-position: 0 -408px;
  background-color: none; }
 
/* <Root items> */
.RadMenu_TopBar,
.RadMenu_TopBar a.rmLink {
  font: normal 12px/28px "Segoe UI", Arial, Helvetica, sans-serif;
  color: #FFF;
  text-decoration: none; }
 
.RadMenu_TopBar a.rmLink,
.RadMenu_TopBar a.rmDisabled,
.RadMenu_TopBar a.rmDisabled:hover {
  background-position: 0 -72px; }
 
.RadMenu_TopBar .rmFirst a.rmLink,
.RadMenu_TopBar .rmFirst a.rmLink:hover,
.RadMenu_TopBar .rmLast .rmText,
.RadMenu_TopBar .rmLast a.rmLink:hover .rmText,
.RadMenu_TopBar .rmVertical a.rmLink,
.RadMenu_TopBar .rmVertical .rmText {
  background-repeat: no-repeat;
  background-position: 0 500px; }
 
.RadMenu_TopBar .rmVertical .rmFirst,
.RadMenu_TopBar .rmVertical .rmLast {
  background: none; }
 
.RadMenu_TopBar a.rmLink:hover,
.RadMenu_TopBar a.rmFocused,
.RadMenu_TopBar a.rmSelected {
  background-color: #ffc90d; }
 
.RadMenu_TopBar .rmHorizontal .rmRootLink span.rmText {
  display: inline;
  padding-left: 12px;
  padding-top: 6px; }
 
.RadMenu_TopBar_rtl .rmRootLink span.rmText {
  padding-right: 12px; }
 
.RadMenu_TopBar_Context_rtl .rmRootLink span.rmText {
  padding-right: 28px; }
 
.RadMenu_TopBar .rmHorizontal a.rmRootLink {
  padding-left: 0; }
 
.RadMenu_TopBar_rtl a.rmRootLink {
  margin-left: 0;
  padding: 0; }
 
.RadMenu_TopBar .rmHorizontal .rmItem > a.rmRootLink {
  width: 100%; }
 
.RadMenu_TopBar ul.rmHorizontal .rmLeftImage {
  margin: 4px -4px 0 6px; }
 
.RadMenu_TopBar_rtl ul.rmHorizontal .rmLeftImage {
  margin: 4px 6px 0 -4px; }
 
.RadMenu_TopBar .rmVertical a.rmLink {
  padding-top: 1px;
  padding-bottom: 1px; }
 
.RadMenu_TopBar .rmVertical a.rmLink:hover,
.RadMenu_TopBar .rmVertical a.rmFocused,
.RadMenu_TopBar .rmVertical a.rmSelected,
.RadMenu_TopBar .rmVertical a.rmExpanded,
.RadMenu_TopBar .rmVertical a.rmExpanded:hover {
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-color: #828282;
  border-width: 1px 0; }
 
.RadMenu_TopBar .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_TopBar .rmVertical .rmFirst a.rmFocused,
.RadMenu_TopBar .rmVertical .rmFirst a.rmSelected,
.RadMenu_TopBar .rmVertical .rmFirst a.rmExpanded,
.RadMenu_TopBar .rmVertical .rmFirst a.rmExpanded:hover {
  padding-top: 1px;
  padding-bottom: 0;
  border-top-width: 0; }
 
.RadMenu_TopBar .rmVertical .rmLast a.rmLink:hover,
.RadMenu_TopBar .rmVertical .rmLast a.rmFocused,
.RadMenu_TopBar .rmVertical .rmLast a.rmSelected,
.RadMenu_TopBar .rmVertical .rmLast a.rmExpanded,
.RadMenu_TopBar .rmVertical .rmLast a.rmExpanded:hover {
  padding-bottom: 1px;
  padding-top: 0;
  border-bottom-width: 0; }
 
.RadMenu_TopBar .rmVertical .rmItem a.rmDisabled:hover {
  padding-top: 1px;
  padding-bottom: 1px;
  border-width: 0; }
 
.RadMenu_TopBar a.rmExpanded,
.RadMenu_TopBar a.rmExpanded:hover {
  background-color: #ffc90d; }
 
.RadMenu_TopBar a.rmDisabled,
.RadMenu_TopBar a.rmDisabled:hover {
  color: #7d7d7d;
  background-color: transparent; }
 
/* </Root items> */
/* <Submenu items> */
.RadMenu_TopBar .rmGroup,
.RadMenu_TopBar .rmMultiColumn,
.RadMenu_TopBar .rmGroup .rmVertical {
  border: 1px solid #979797;
  background: white url('Menu/rmVSprite.png') repeat-y 0 0; }
 
.RadMenu_TopBar .rmTopFix,
.RadMenu_TopBar .rmBottomFix,
.RadMenu_TopBar .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_TopBar .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_TopBar .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_TopBar .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_TopBar_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_TopBar_Context.rmRoundedCorners ul.rmHorizontal .rmFirst {
  background-image: url('Menu/rmVSprite.png');
  background-color: #fff;
  background-repeat: repeat-y; }
 
* html .rmRoundedCorners_TopBar .rmGroup .rmItem,
* html .rmRoundedCorners_TopBar ul.rmHorizontal .rmFirst {
  background-image: url('Menu/rmVSprite.png');
  background-color: #fff;
  background-repeat: repeat-y; }
 
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_TopBar .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_TopBar .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_TopBar .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_TopBar_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrap .rmVertical {
  background-image: none; }
 
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_TopBar .rmScrollWrap .rmItem,
* html .rmRoundedCorners_TopBar .rmHorizontal .rmItem,
* html .rmRoundedCorners_TopBar .rmScrollWrap .rmVertical {
  background-image: none; }
 
.RadMenu_TopBar .rmRoundedCorners .rmGroupColumn {
  background-color: #fff; }
 
.RadMenu_TopBar .rmBottomLeft,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_TopBar_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_TopBar .rmRoundedCorners ul.rmGroup,
.RadMenu_TopBar .rmRoundedCorners .rmMultiColumn {
  background-image: url('Menu/rmRoundedLeft.png');
  background-color: transparent;
  background-repeat: no-repeat; }
 
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer,
* html .rmRoundedCorners_TopBar .rmGroup ul.rmGroup,
* html .rmRoundedCorners_TopBar ul.rmGroup {
  background-image: url('Menu/rmRoundedLeft.png');
  background-color: transparent;
  background-repeat: no-repeat; }
 
.RadMenu_TopBar .rmTopRight,
.RadMenu_TopBar .rmBottomRight {
  background-image: url('Menu/rmRoundedRight.png');
  background-color: transparent;
  background-repeat: no-repeat; }
 
.RadMenu_TopBar .rmTopFix,
.RadMenu_TopBar .rmBottomFix,
.RadMenu_TopBar .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_TopBar_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_TopBar .rmGroup .rmFirst {
  border-color: #979797; }
 
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix {
  background: #FFF; }
 
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmBottomFix {
  background: #FFF; }
 
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow {
  background-color: #FFF;
  border: 0; }
 
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmRightArrow {
  background-color: #FFF;
  border: 0; }
 
.RadMenu_TopBar_rtl .rmBottomLeft,
.RadMenu_TopBar_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_TopBar_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_TopBar .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_TopBar_Context_rtl ul.rmGroup,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer {
  background-image: url('Menu/rmRoundedLeft_rtl.png'); }
 
.RadMenu_TopBar_rtl .rmTopRight,
.RadMenu_TopBar_rtl .rmBottomRight {
  background-image: url('Menu/rmRoundedRight_rtl.png'); }
 
.RadMenu_TopBar_rtl li.rmTopFix,
.RadMenu_TopBar_rtl li.rmBottomFix,
.RadMenu_TopBar_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_TopBar_Context_rtl .rmGroup .rmItem {
  background-position: 101% 0; }
 
.RadMenu_TopBar .rmSlide .rmScrollWrap {
  background-image: none; }
 
.RadMenu_TopBar_rtl .rmGroup,
.RadMenu_TopBar_rtl .rmMultiColumn,
.RadMenu_TopBar_rtl .rmGroup .rmVertical {
  background-position: 100% 0; }
 
.RadMenu_TopBar .rmRootGroup li.rmItem .rmGroup {
  padding-bottom: 0; }
 
.RadMenu_TopBar .rmRootGroup .rmHorizontal {
  background-image: none; }
 
.RadMenu_TopBar .rmScrollWrap .rmVertical {
  border: 0; }
 
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_TopBar .rmScrollWrapContainer li.rmItem {
  background: none; }
 
.RadMenu_TopBar .rmGroup .rmItem a.rmLink,
.RadMenu_TopBar .rmGroup .rmItem a.rmLink:hover,
.RadMenu_TopBar .rmGroup .rmItem a.rmFocused,
.RadMenu_TopBar .rmGroup .rmItem a.rmSelected,
.RadMenu_TopBar .rmGroup .rmItem a.rmExpanded {
  padding-top: 0;
  padding-bottom: 0;
  border: 0; }
 
.RadMenu_TopBar .rmGroup .rmLast a.rmLink,
.RadMenu_TopBar .rmGroup .rmLast a.rmLink:hover,
.RadMenu_TopBar .rmGroup .rmLast a.rmFocused,
.RadMenu_TopBar .rmGroup .rmLast a.rmSelected,
.RadMenu_TopBar .rmGroup .rmLast a.rmExpanded {
  padding-bottom: 1px; }
 
.RadMenu_TopBar .rmGroup a.rmLink,
.RadMenu_TopBar .rmGroup .rmText,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled:hover .rmText {
  background-position: 0 500px;
  background-repeat: no-repeat;
  background-color: #192960; /*RED*/}
 
.RadMenu_TopBar .rmGroup a.rmLink:hover,
.RadMenu_TopBar .rmGroup a.rmFocused,
.RadMenu_TopBar .rmGroup a.rmSelected,
.RadMenu_TopBar .rmGroup a.rmExpanded {
  background-position: 0 -168px;
  background-color: #FFC90D;
}
 
.RadMenu_TopBar .rmGroup a.rmLink:hover .rmText,
.RadMenu_TopBar .rmGroup a.rmFocused .rmText,
.RadMenu_TopBar .rmGroup a.rmSelected .rmText,
.RadMenu_TopBar .rmGroup a.rmExpanded .rmText {
  background-position: 100% -192px;
  background-color: #FFC90D;
}
 
/* <expand arrows> */
.RadMenu_TopBar .rmRootGroup .rmExpandRight,
.RadMenu_TopBar .rmGroup .rmExpandDown,
.RadMenu_TopBar_Context .rmGroup .rmExpandRight,
.RadMenu_TopBar .rmRootGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_TopBar .rmRootGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown {
  background-position: 100% -216px; }
 
.RadMenu_TopBar a.rmLink:hover .rmExpandRight,
.RadMenu_TopBar .rmLast a.rmLink:hover .rmExpandRight,
.RadMenu_TopBar a.rmFocused .rmExpandRight,
.RadMenu_TopBar a.rmSelected .rmExpandRight,
.RadMenu_TopBar a.rmExpanded .rmExpandRight {
  background-position: 100% -312px; }
 
.RadMenu_TopBar .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_TopBar .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_TopBar .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_TopBar .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_TopBar .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_TopBar .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_TopBar .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_TopBar .rmGroup a.rmExpanded .rmExpandDown {
  background-position: 100% -240px; }
 
.RadMenu_TopBar .rmRootGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_TopBar .rmGroup a.rmDisabled:hover .rmExpandDown {
  background-image: url('Menu/rmSprite.png');
  background-position: 100% -216px; }
 
/* </expand arrows> */
/* <rtl> */
.RadMenu_TopBar_rtl a.rmLink,
.RadMenu_TopBar_rtl .rmRootGroup a.rmDisabled {
  background-position: 100% -96px; }
 
.RadMenu_TopBar_rtl .rmGroup a.rmDisabled {
  background: none; }
 
.RadMenu_TopBar_rtl .rmText {
  background-position: 0 -96px; }
 
.RadMenu_TopBar_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_TopBar_rtl .rmVertical a.rmExpanded:hover .rmText {
  background-position: 0 500px;
  background-repeat: no-repeat; }
 
.RadMenu_TopBar_rtl .rmGroup a.rmLink:hover,
.RadMenu_TopBar_rtl .rmGroup a.rmFocused,
.RadMenu_TopBar_rtl .rmGroup a.rmSelected,
.RadMenu_TopBar_rtl .rmGroup a.rmExpanded {
  background-position: 100% -264px; }
 
.RadMenu_TopBar_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_TopBar_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_TopBar_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_TopBar_rtl .rmGroup a.rmExpanded .rmText {
  background-position: 0 -288px; }
 
.RadMenu_TopBar_Context_rtl .rmVertical .rmExpandLeft,
.RadMenu_TopBar_rtl .rmRootGroup .rmExpandLeft {
  background-position: 0 -312px; }
 
.RadMenu_TopBar_rtl .rmVertical a.rmLink:hover .rmExpandLeft,
.RadMenu_TopBar_rtl .rmVertical a.rmFocused .rmExpandLeft,
.RadMenu_TopBar_rtl .rmVertical a.rmSelected .rmExpandLeft,
.RadMenu_TopBar_rtl .rmVertical a.rmExpanded .rmExpandLeft {
  background-position: 0 -216px; }
 
.RadMenu_TopBar_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_TopBar_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_TopBar_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_TopBar_rtl .rmGroup a.rmExpanded .rmExpandLeft {
  background-position: 0 -336px; }
 
.RadMenu_TopBar_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft {
  background-position: 0 -312px; }
 
/* </rtl> */
/* </Submenu items> */
/* <Submenu offsets (Default - specific, overlapping submenus)> */
.RadMenu_TopBar .rmSlide {
  margin: 0 0 0 -1px; }
 
.RadMenu_TopBar .rmVertical .rmSlide,
.RadMenu_TopBar .rmSlide .rmSlide,
.RadMenu_TopBar_Context .rmGroup .rmSlide {
  margin: 0 0 0 -5px; }
 
.RadMenu_TopBar_rtl .rmSlide {
  margin: 0 0 0 0; }
 
.RadMenu_TopBar_rtl .rmFirst .rmSlide {
  margin-left: 1px; }
 
.RadMenu_TopBar_rtl .rmVertical .rmSlide,
.RadMenu_TopBar_rtl .rmSlide .rmSlide,
.RadMenu_TopBar_Context_rtl .rmGroup .rmSlide {
  margin: 0 0 0 5px; }
 
/* </Submenu offsets> */
/* <Scrolling arrows> */
.RadMenu_TopBar .rmLeftArrow,
.RadMenu_TopBar .rmRightArrow {
  background-color: #E6E6E6; }
 
.RadMenu_TopBar .rmLeftArrow {
  background-position: -8px -312px;
  border-right: 1px solid #828282; }
 
.RadMenu_TopBar .rmRightArrow {
  background-position: -482px -216px;
  border-left: 1px solid #828282; }
 
.RadMenu_TopBar .rmTopArrow,
.RadMenu_TopBar .rmBottomArrow,
.RadMenu_TopBar .rmGroup .rmLeftArrow,
.RadMenu_TopBar .rmGroup .rmRightArrow {
  background-color: #E6E6E6; }
 
.RadMenu_TopBar .rmTopArrow {
  background-position: 50% -367px;
  border-bottom: 1px solid #828282; }
 
.RadMenu_TopBar .rmBottomArrow {
  background-position: 50% -391px;
  border-top: 1px solid #828282; }
 
/* </Scrolling arrows> */
/* <Separators> */
.RadMenu_TopBar .rmHorizontal .rmSeparator .rmText,
.RadMenu_TopBar .rmVertical .rmHorizontal .rmSeparator .rmText {
  height: 22px;
  margin: 1px 0 0;
  width: 1px;
  background-color: #A8A8A8; }
 
.RadMenu_TopBar_Context .rmSeparator .rmText,
.RadMenu_TopBar .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_TopBar .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText {
  background-color: transparent;
  background-position: 0 -406px; }
 
/* </Separators> */
/* </RadMenu / Default> */
Boyan Dimitrov
Telerik team
 answered on 17 Oct 2014
1 answer
207 views
HI All, I hope someone can help me here. I am trying to work my through the sales dashboard on the website and see how it all hangs together. I have probably got my head around 80% of it, but I can not work out how the chart on the stats page is driven. There is no data source or sql statement to the database and it is not driven my a xml file. I am just starting with the Telerik product but I am a sql developer and have done asp, so this one is pushing my knowledge. but bet it is a simple fix. Link to website is

http://demos.telerik.com/aspnet-ajax/salesdashboard/

The script I think it needs to be focused on is below, but I can not see how or where. Guru needed to guide

Script in question

<telerik:RadHtmlChart ID="RadHtmlChartOrdersPercent"
runat="server"
Width="700px"

           
Height="600px">

           
<Appearance>

               
<FillStyle
BackgroundColor="Black"></FillStyle>

           
</Appearance>

           
<ChartTitle
Text="Representative
Sales vs. Total Sales">

           
</ChartTitle>

           
<Legend>

               
<Appearance
Position="Top"
/>

           
</Legend>

           
<PlotArea>

               
<Appearance>

               
</Appearance>

               
<YAxis>

                   
<MajorGridLines
Visible="true"></MajorGridLines>

                   
<MinorGridLines
Visible="false"></MinorGridLines>

                   
<LabelsAppearance
DataFormatString="{0:C0}">

                   
</LabelsAppearance>

           
    </YAxis>

               
<XAxis>

                   
<MajorGridLines
Visible="false"
/>

                   
<MinorGridLines
Visible="false"
/>

               
</XAxis>

               
<Series>

                   
<telerik:BarSeries Name="Representative
Sales">

                       
<Appearance>

                           
<FillStyle
BackgroundColor="#b1c85a"></FillStyle>

                       
</Appearance>

                       
<LabelsAppearance
DataFormatString="{0:C0}">

        
               </LabelsAppearance>

                       
<TooltipsAppearance
BackgroundColor="#b1c85a"
ClientTemplate='Date:
#=category#<br/>Rep Sales hello: #= kendo.toString(value,
"C0")#'>

                       
</TooltipsAppearance>

                   
</telerik:BarSeries>

                   
<telerik:BarSeries Name="Total
Sales">

                       
<Appearance>

                           
<FillStyle
BackgroundColor="#93d6d8"></FillStyle>

                       
</Appearance>

                       
<LabelsAppearance
DataFormatString="{0:C0}">

                       
</LabelsAppearance>

                       
<TooltipsAppearance
BackgroundColor="#93d6d8"
ClientTemplate='Date:
#=category#<br/>Total Sales: #= kendo.toString(value,
"C0")#'>

                       
</TooltipsAppearance>

                   
</telerik:BarSeries>

               
</Series>

           
</PlotArea>

       
</telerik:RadHtmlChart>

 

Danail Vasilev
Telerik team
 answered on 17 Oct 2014
5 answers
73 views
when clicking on rad menu items it navifates to new aspx page but i want that new aspx page to be displayed under radmenu items list
Hristo Valyavicharski
Telerik team
 answered on 17 Oct 2014
1 answer
78 views
Usually we set tab index for every control but when we set for AutoCompleteBox but its just focusing but cant find cursor in the control. Please suggest me a solution. I have tried by doing JavaScript onkeydown on click on tab but no luck.

Thanks,
Rajender A
Nencho
Telerik team
 answered on 17 Oct 2014
4 answers
179 views
Hey guys,

I've been following your documentation at:

http://www.telerik.com/help/aspnet-ajax/grid-model-binding-and-strongly-typed-data-controls-support.html

I'm trying to get the strongly typed binding to work. I am setting the ItemType to a publicly available object and I cannot seem to access Item object in my radgrid binding in the ItemTemplate. I've followed the examples to the tee and cannot get this to work. I've also tested this on the same page with a asp:GridView and it works great. I have the latest version of telerik AJAX controls (Q2 2014). I can't figure out what I'm doing wrong. Can anyone help?
Viktor Tachev
Telerik team
 answered on 17 Oct 2014
1 answer
181 views
How can I set width of textbox, dropdown in edit mode while batch editing?
This code is not working :
        protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
        {
            if ((e.Item is GridEditFormItem) && (e.Item.IsInEditMode))
            {
                GridEditFormItem editItem = (GridEditFormItem)e.Item;
                TextBox txtbx = (TextBox)editItem["LVL"].Controls[0];
                txtbx.Width = Unit.Pixel(20);
            }
        }
I dont want to have half of textbox visible, example in attachment.


Jacek
Top achievements
Rank 1
 answered on 17 Oct 2014
7 answers
107 views
I'm using version 2013.3.1114.40 of the Telerik.Web.UI dll. When a user is typing in text into the RadEditor, IE8 crashes. What is the cause and what is a possible fix?

Thanks!
Marin Bratanov
Telerik team
 answered on 17 Oct 2014
1 answer
143 views
Hi guys,
I am using Telerik version 2014 Q1. I have a menu items with sub items, you can check attached image.
I want to set a value to the variable when I clicked on particular SubItem. There is load event, I tried to do, but its not working out.
Can anybody please let me know how to set a value to the variable when click on subitem.

Thanks in advance.

Nencho
Telerik team
 answered on 17 Oct 2014
1 answer
102 views
Hi,

We have to grids on a page that when on the update/insert command event, if the validation code finds an error, it adds an exclamation mark image to GridEditCommandColumn along with a corresponding tooltip to let the user know what the error was and where. It works perfectly in the top grid, which is essentially a parent grid for the one below it. The code below is showing how the validation/error works for both grids:

 protected void FundGrid_InsertCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
        {
            Telerik.Web.UI.GridEditableItem editedItem = e.Item as Telerik.Web.UI.GridEditableItem;

            Hashtable newValues = new Hashtable();
            editedItem.ExtractValues(newValues);

            Decimal grndkey = (Decimal)GroundGrid.MasterTableView.DataKeyValues[GroundGrid.SelectedItems[0].ItemIndex][GroundCardColumn.GroundId.ToString()];
            newValues[GroundFundingColumn.GroundId.ToString()] = grndkey;

            List<String> errorlist = new List<string>();
            GroundFunding gf = null;
            e.Canceled = !((IGroundCardTask)ServiceManager).UpdateFunding(this.UserContext, ref gf, newValues, errorlist);
            if (e.Canceled)
                showGridRowUpdateError(editedItem, errorlist);
            else
            {
                if (errorlist.Count > 0)
                {
                    handleFundingStatusChangedNotification(gf.GroundId, errorlist);
                }
            }
        }

And the following code is how the edit item and error list are displayed to the customer:

 private void showGridRowUpdateError(Telerik.Web.UI.GridEditableItem editItem, List<String> errors)
        {
            //
            TableCell cmdCell = ((Telerik.Web.UI.GridDataItem)editItem)["Cmd"];

            Image img = new Image();
            img.ID = "ErrorImage";
            img.ImageUrl = "~/Images/ErrorAlertSmall.gif";
            img.CssClass = "ErrorAlertPopup";

            cmdCell.Controls.Add(img);

            BulletedList bulletList = new BulletedList();
            bulletList.ID = "ErrorList";
            bulletList.CssClass = "ErrorBulletList";

            foreach (String sMessage in errors)
            {
                bulletList.Items.Add(new ListItem(sMessage));
            }

            ErrorToolTip.TargetControlID = img.ClientID;
            ErrorToolTip.IsClientID = true;
            ErrorToolTip.Controls.Add(bulletList);
            ErrorToolTip.Show();
        }

For some reason, this does not work on on the bottom Funding Grid. Works perfectly everywhere else in the solution, but not here. The grid is marked up as follows:

<telerik:RadGrid ID="FundGrid" runat="server"
                                AutoGenerateColumns="False"
                                GridLines="None"
                                Width="740px"
                                onneeddatasource="FundGrid_NeedDataSource"
                                onitemdatabound="FundGrid_ItemDataBound"
                                OnItemCreated="FundGrid_ItemCreated"
                                ondeletecommand="FundGrid_DeleteCommand"
                                oninsertcommand="FundGrid_InsertCommand"
                                onupdatecommand="FundGrid_UpdateCommand"
                                OnDataBound="FundGrid_DataBound"
                                AllowMultiRowEdit="false"
                                Enabled="false"
                                EnableLinqExpressions="false">
                      <MasterTableView Caption="Funding Data for Ground Card: " EditMode="InPlace" ShowFooter="True" DataKeyNames="GroundId,FundingOrdBy" Width="740px">
                                    <RowIndicatorColumn>
                                        <HeaderStyle Width="20px" />
                                    </RowIndicatorColumn>
                                    <ExpandCollapseColumn>
                                        <HeaderStyle Width="20px" />
                                    </ExpandCollapseColumn>
                                    <Columns>
                                        <telerik:GridEditCommandColumn UniqueName="cmd" CancelText="Go Bac" EditText="Edit" InsertText="Insert"
                                            UpdateText="Update" ButtonType="ImageButton">
                                            <HeaderStyle Width="50px" />
                                        </telerik:GridEditCommandColumn>
                                        <telerik:GridBoundColumn HeaderText="Ground Id" DataField="GroundId" UniqueName="GroundId" ReadOnly="true" Visible="false">
                                            <HeaderStyle Width="100px" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn HeaderText="Receiver Cost Ctr" DataField="ReceiverCostCtr" UniqueName="ReceiverCostCtr" MaxLength="10">
                                            <HeaderStyle Width="110px" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn HeaderText="Receiver Network" DataField="ReceiverNetwork" UniqueName="ReceiverNetwork" MaxLength="24">
                                            <HeaderStyle Width="150px" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn HeaderText="Receiver Activity" DataField="ReceiverOperation" UniqueName="ReceiverOperation" MaxLength="8">
                                            <HeaderStyle Width="110px" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridNumericColumn HeaderText="Hours" DataType="System.Decimal" Aggregate="Sum" FooterText=" " DataField="Hrs" DataFormatString="{0:F1}" UniqueName="Hrs" MaxLength="5">
                                            <HeaderStyle Width="40px" />
                                        </telerik:GridNumericColumn>
                                    </Columns>
                                </MasterTableView>
                                <ClientSettings>
                                    <Selecting AllowRowSelect="True" />
                                    <Scrolling AllowScroll="True" ScrollHeight="90px" UseStaticHeaders="True" />
                                    <ClientEvents OnRowContextMenu="FundingRowContextMenu" OnRowDblClick="RowDblClick" />
                                </ClientSettings>
                            </telerik:RadGrid>

Any help at all would be appreciated. Been struggling with this for several days and have not been able to add/clear any of the controls on the grid column.

Thanks,

- Joe
Eyup
Telerik team
 answered on 17 Oct 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?