Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
97 views
Hi

How to use radupload with radajaxpanel without Postback any one Guide me. I am new in Telerik Controls





Plamen
Telerik team
 answered on 20 Oct 2014
0 answers
103 views
Hello,

I am using RadTreeView control. My issue is my tree is expanding on mouse hover. I didn't write any code for it and also the sizing and placing of it is not what I desired for. If I change the size of it the nodes are comming in two columns. In short Its behaving weired.

I saw in one of the forum to set the parent container's max-height to100%. I did that and still having the same issue.
Please help.

Thanks,
Viji
Viji
Top achievements
Rank 1
 asked on 20 Oct 2014
2 answers
96 views
Hi,

I have a question about RadScriptManager.

When I create a RadScriptManager to use the RadAjaxManager,
This works well if generated directly from the "aspx". 

aspx :
...
<
body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadButton1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelCssClass="" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
        </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>
    <telerik:RadButton ID="RadButton1" runat="server" OnClick="RadButton1_Click" Text="RadButton">
    </telerik:RadButton>
    <asp:Panel ID="Panel1" runat="server">
        <telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" runat="server" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" Culture="ko-KR" Skin="Metro">
            <MasterTableView ClientDataKeyNames="itemcd" AllowAutomaticDeletes="False" AllowAutomaticInserts="False" AllowAutomaticUpdates="False" AutoGenerateColumns="False" DataKeyNames="itemcd" EditMode="Batch">
                <Columns>
                    <telerik:GridBoundColumn DataField="itemcd" FilterControlAltText="Filter itemcd column" HeaderText="품목코드" ReadOnly="True" SortExpression="itemcd" UniqueName="itemcd">
    <ColumnValidationSettings>
    <ModelErrorMessage Text=""></ModelErrorMessage>
    </ColumnValidationSettings>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="itemnm" FilterControlAltText="Filter itemnm column" HeaderText="itemnm" SortExpression="itemnm" UniqueName="itemnm">
    <ColumnValidationSettings>
    <ModelErrorMessage Text=""></ModelErrorMessage>
    </ColumnValidationSettings>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="size" FilterControlAltText="Filter size column" HeaderText="size" SortExpression="size" UniqueName="size">
    <ColumnValidationSettings>
    <ModelErrorMessage Text=""></ModelErrorMessage>
    </ColumnValidationSettings>
                    </telerik:GridBoundColumn>
                </Columns>
            </MasterTableView>
            <ClientSettings AllowKeyboardNavigation="true">
 
                <Selecting CellSelectionMode="MultiColumn"></Selecting>
                <ClientEvents OnCellSelected="RadGrid1_OnCellSelected" OnCellDeselecting="RadGrid1_OnCellDeselecting" OnBatchEditCellValueChanging="RadGrid1_OnBatchEditCellValueChanging" />
            </ClientSettings>
        </telerik:RadGrid>
    </asp:Panel>
    <asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:DaeMyungDB %>"
        SelectCommand="SELECT top 1000 itemcd, itemnm, size FROM biitm01t"
        runat="server"></asp:SqlDataSource>
    </form>
</body>
...

However, I had to remove RadScriptManager from the aspx.
Then, When I add in cs this, RadAjaxManager does not work.

cs:
...
        protected void Page_Load(object sender, EventArgs e)
        {
            RadScriptManager scriptManager = new RadScriptManager();
 
            this.Form.Controls.Add(scriptManager);
        }
        protected void RadButton1_Click(object sender, EventArgs e)
        {
            RadGrid1.Rebind();
        }
...

What did I do wrong?

Thanks,
Yoongu.

Yoongu
Top achievements
Rank 1
 answered on 20 Oct 2014
2 answers
143 views
I'm using the radrotator image gallery example and i'm trying to achieve the following:

When a user clicks a full image (imagePreview) a lightbox popup window will be come up containing the full image and the comments. 

I wrote the following code with no result:

aspx file

<a runat="server"  id="linkPreview" rel="lightbox">
                        <asp:Image ID="imagePreview" Height="192px" Width="272px" AlternateText="preview"
                            BorderWidth="0" runat="server" ImageUrl="Images/spacer.gif" /></a>

aspx.cs file

linkPreview.Title = fInfo.comments;
           linkPreview.HRef = imagePreview.ImageUrl;


Any ideas on how to achieve this either with jquery lightbox or radwindow (I would like the popup window contains both full image and comments)?

Thank you very much apriori. 
Diana
Top achievements
Rank 1
 answered on 17 Oct 2014
1 answer
156 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
172 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
159 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
49 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
40 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
123 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?