Questions on UI for ASP.NET AJAX Forum

1 answer

99 views

gridcheckboxcolumn clickable in view mode

Hi
How can I make the gridcheckboxcolumn clickable in view mode.
Thanks in advance
Savyo

Grid

answered on 02 Mar 2013

1 answer

168 views

Disable column color change on sort

Hi there

I want to disable the color change in the column when the grid column header text is clicked for sorting. Please somebody guide me to accomplish this one.
thanks and regards
Allen

Grid

answered on 02 Mar 2013

8 answers

363 views

RadChart - custom skin

Hello All,
I'm trying to create a custom skin for RadChart and am having some trouble. I was following the instructions here: http://www.telerik.com/help/aspnet-ajax/createcustomskin.html , but got stuck on #2. I can't find a chart folder in any of the skin folders, and I can't find any css file for Chart (Chart.[Skin].css). Is that right? Am I missing something? Also, when I go here: C:\Program Files\Telerik\RadControls for ASPNET AJAX Q1 2008\Skins I only see 14 skin folders, yet when I open the RadChart smart tag in my aspx page, I see many more skins listed. Can anyone tell me if I'm doing something wrong or am in the wrong place?

Thanks,
Ben

Chart (Obsolete)

answered on 02 Mar 2013

1 answer

154 views

Captcha Image Dosnt Appear

hi
I have big problem
when I use radcaptcha loacal Its all good and no problem
but when I upload my site the captcha Image Doesnt show
where is my problem?
please help

Captcha

answered on 02 Mar 2013

1 answer

115 views

Change Avatar

hi,
you show me the link of the example change avatar ? Upload and preview image
I can not more 'to find it thanks

AsyncUpload

answered on 02 Mar 2013

4 answers

155 views

[Solved] How display Total for a column based on value.

Hello,
I have a RadGrid with a SGridButtonColumn column that display numbers that could be equal zero or any integer bigger than zero.
I want to display in footer a total of zeros and total for non zero numbers(How many Zeros i have and how many non zeros i have).
How can i achieve such functionality ?

Grid

answered on 02 Mar 2013

8 answers

495 views

Horizontal Line Between RadListBox Items

Hi,

How can I draw a horizontal line between RadListBoxItems?

Thanks,
Jay

ComboBox

answered on 01 Mar 2013

1 answer

224 views

Captcha Validation no working

I have form that uses validation summary, textbox (with required validator and custom validator), captcha and submit button. All validators, including captcha are using group. EnableClientScript=False. The custom validator does a sever side check to see if email is in system.

If the custom validator is false the Capthca validator also works, but if custom validator is true then captcha never validates. I am assuming I need to fire server side validation for Captcha, but not sure how I should do it.

Here is page

<%@ Page Language="VB" Title="Password Recovery" MasterPageFile="~/Default.master" Theme="Default" AutoEventWireup="false" CodeFile="PasswordRecovery.aspx.vb" Inherits="PasswordRecovery" %>

<asp:Content ID="Content1" ContentPlaceHolderID="navigationcontent" Runat="Server">

<a class="navigationitem" href="default.aspx">Home</a>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="body" Runat="Server">

<div class="contentbox1" style="width: 350px;">

<h2>Password Recovery</h2>

<div class="contentbox2">

<asp:literal ID="litins" runat="server" Text="Enter your email to receive password recover information.<br /><br />" />

<div class="contentbox3">

<asp:Panel ID="pan1" runat="server">

<div>

<asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="SubmitInfo" EnableClientScript="False" HeaderText="Please correct the following errors:" />

</div>

<table border="0" cellpadding="2" cellspacing="2">

<tr>

<td>Email:</td>

<td>

<asp:TextBox ID="txtemail" runat="server" Width="200px" />

<asp:RequiredFieldValidator ID="rfv1" runat="server" EnableClientScript="false" ValidationGroup="SubmitInfo" ControlToValidate="txtemail" ErrorMessage="Please fill in email."

Display="Dynamic" Text="*"/><asp:CustomValidator ID="cvEmail" runat="server"

ErrorMessage="Email does not exist in the system." Display="Static" ControlToValidate="txtEmail" Text="*" ValidationGroup="SubmitInfo" ValidateEmptyText="false"

EnableClientScript="false"></asp:CustomValidator>

</td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

<td>

<telerik:RadCaptcha ID="radc1" runat="server"

CaptchaImage-BackgroundNoise="Medium"

CaptchaImage-FontWarp="Medium"

CaptchaImage-LineNoise="Low"

CaptchaImage-TextLength="6"

Enabled="true"

CssClass="captcha"

EnableRefreshImage="true" IgnoreCase="true" Visible="true" ToolTip="Code is not case sensitive"

CaptchaTextBoxLabel="<br />Type the code from the image<br />(not case sensitive)<br />"

CaptchaImage-TextChars="Letters" BorderStyle="Solid" BorderWidth="1"

BorderColor="#0099CC"

CaptchaImage-CharSet="ABCDEFGHJKLMNOPQRSTUVWXYZ"

CaptchaImage-UseRandomFont="False" ValidationGroup="SubmitInfo"

ErrorMessage="The code you entered is not valid." Display="None"/>

</td>

</tr>

<tr>

<td colspan="2" align="right">

<asp:Button ID="btnsubmit" runat="server" text="Send" ValidationGroup="SubmitInfo" CausesValidation="true" />

</td>

</tr>

</table>

</asp:Panel>

<asp:Panel ID="pan2" runat="server" Visible="false">

<div style="padding:20px 0px 20px 0px;">

An email has been sent. Please follow the instructions in the email to recover your password.

</div>

</asp:Panel>

</div>

<div style="clear: both;"></div>

<div id="DigiCertClickID_OzSLC-hR" data-language="en_US" style="width: 100px; margin: 5px 5px 5px auto;">

<a href="http://www.digicert.com/ev-ssl-certification.htm">SSL Certificates</a>

</div>

<script type="text/javascript">

var __dcid = __dcid || []; __dcid.push(["DigiCertClickID_OzSLC-hR", "7", "m", "black", "OzSLC-hR"]); (function () { var cid = document.createElement("script"); cid.async = true; cid.src = "//seal.digicert.com/seals/cascade/seal.min.js"; var s = document.getElementsByTagName("script"); var ls = s[(s.length - 1)]; ls.parentNode.insertBefore(cid, ls.nextSibling); } ());

</script>

<div style="clear: both;"></div>

</asp:Content>

Here is code behind

Partial Class PasswordRecovery

Inherits System.Web.UI.Page

Sub clickhere(ByVal sender As Object, ByVal e As EventArgs) Handles btnsubmit.Click

Dim mm As Net.Mail.MailMessage = New Net.Mail.MailMessage()

Dim smtpClient As Net.Mail.SmtpClient = New Net.Mail.SmtpClient()

Dim body As String = ""

Dim group As String = ""

Dim toadd As Net.Mail.MailAddress

Dim catchaText

Try

toadd = New Net.Mail.MailAddress(txtemail.Text)

cvEmail.IsValid = True

Catch ex As Exception

cvEmail.IsValid = False

'lblerror.Visible = True

'lblerror.Text = "Invalid Email"

Exit Sub

End Try

Dim mu As MembershipUser

Dim userName As String = ""

Try

userName = Membership.GetUserNameByEmail(txtemail.Text)

mu = Membership.GetUser(userName)

cvEmail.IsValid = True

Catch ex As Exception

cvEmail.IsValid = False

'lblerror.Visible = True

Exit Sub

End Try

Dim ut As New UserToken

ut.UserID = mu.ProviderUserKey

ut.DateIssued = Now

ut.Token = Guid.NewGuid

ut.AddUserToken()

Dim expdate As DateTime = ut.DateIssued.AddHours(48)

Dim fromadd As New Net.Mail.MailAddress("Password-Recovery@wishfamilyjournal.org")

Dim fromaddress As String = ConfigurationManager.AppSettings("ServerSendAddress").ToString

mm = New Net.Mail.MailMessage(fromadd, toadd)

mm.Subject = "WISH Family Journal Password Recovery"

mm.Body = "A request to change your password has been issued.<br/><br/>" & _

"Please <a href='" & ConfigurationManager.AppSettings("SiteUrl").ToString & "passwordreset.aspx?token=" & ut.Token.ToString & "'>CLICK HERE TO CHANGE YOUR PASSWORD</a><br/><br/>" & _

"This link is only valid for 48 hours (" & expdate.ToShortDateString & " " & expdate.ToShortTimeString & "). If you did not request a password change please ignore this email<br/><br/>" & _

"If you have any problems or questions please respond to this email.<br/><br/>" & _

"Thank you<br/>" & _

"WISH Family Journal Administrator"

mm.IsBodyHtml = True

smtpClient.Timeout = 5000

smtpClient.Send(mm)

mm.Dispose()

pan1.Visible = False

pan2.Visible = True

litins.Visible = False

End Sub

End Class

How can I check if captcha is also valid?

Thank you,
Bryan

Captcha

answered on 01 Mar 2013

3 answers

105 views

Rad Menu - Custom Skin Not working in IE 7

Hi Friends,
           I have a Rad Menu, with Customized Skin. It works fine with all browsers, but it is not showing child items in IE 7 alone. Kindly help me. I have attached the view as image with attachments.
And the Css:

/* <RadMenu / Default> */

.RadMenu_Green .rmRootGroup,
.RadMenu_Green a.rmLink,
.RadMenu_Green .rmGroup .rmText,
.RadMenu_Green .rmLeftArrow,
.RadMenu_Green .rmRightArrow,
.RadMenu_Green .rmTopArrow,
.RadMenu_Green .rmBottomArrow
{
   /*background-image: url('Menu/rmSprite.png');*/
   /*background-color: transparent;*/
   background: none;
}

.RadMenu_Green .rmRootGroup
{
    background: none;
   border: 1px solid #01649F;
   background-repeat: repeat-x;
   background-position: 0 -408px;
   overflow: visible;
   height:25px;
   /* background-color: #CFFCEA; */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#489AD6',EndColorStr='#01649F'); /* For IE 5.5 to IE 7 */
    background: -moz-linear-gradient(top , #489AD6, #01649F); /* Mozilla */
    background: -webkit-gradient(linear, left top, left bottom, from(#489AD6), to(#01649F)); /* Safari and Chrome */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#489AD6, endColorstr=#01649F)"; /* For IE 8 */
}

/* <Root items> */

.RadMenu_Green,
.RadMenu_Green a.rmLink
{
   font: normal 12px/25px "Segoe UI", Arial, sans-serif;
   color: #fff;
   text-decoration: none;
}

.RadMenu_Green a.rmLink,
.RadMenu_Green a.rmDisabled,
.RadMenu_Green a.rmDisabled:hover
{
   background-position: 0 -72px;
}

.RadMenu_Green .rmFirst a.rmLink,
.RadMenu_Green .rmFirst a.rmLink:hover,
.RadMenu_Green .rmLast .rmText,
.RadMenu_Green .rmLast a.rmLink:hover .rmText,
.RadMenu_Green .rmVertical a.rmLink,
.RadMenu_Green .rmVertical .rmText
{
   background-repeat: no-repeat;
   background-position: 0 500px;
}

.RadMenu_Green .rmVertical .rmFirst,
.RadMenu_Green .rmVertical .rmLast
{
   background: none;
}

.RadMenu_Green a.rmLink:hover,
.RadMenu_Green a.rmFocused,
.RadMenu_Green a.rmSelected
{
   background-color: #01649F;
}

.RadMenu_Green .rmHorizontal .rmRootLink span.rmText
{
   display: inline;
   padding-left: 12px;
}

.RadMenu_Green .rmHorizontal a.rmRootLink
{
   padding-left: 0;
}

.RadMenu_Green .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
{
   width: 100%;
}

.RadMenu_Green .rmHorizontal img.rmLeftImage
{
   margin: 4px -4px 0 6px;
}

.RadMenu_Green_rtl .rmHorizontal img.rmLeftImage
{
   margin: 4px 6px 0 -4px;
}

.RadMenu_Green .rmVertical a.rmLink
{
   padding-top: 1px;
   padding-bottom: 1px;
}

.RadMenu_Green .rmVertical a.rmLink:hover,
.RadMenu_Green .rmVertical a.rmFocused,
.RadMenu_Green .rmVertical a.rmSelected,
.RadMenu_Green .rmVertical a.rmExpanded,
.RadMenu_Green .rmVertical a.rmExpanded:hover
{
   padding-top: 0;
   padding-bottom: 0;
   border-style: solid;
   border-color: #01649F;
   border-width: 1px 0;
}

.RadMenu_Green .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_Green .rmVertical .rmFirst a.rmFocused,
.RadMenu_Green .rmVertical .rmFirst a.rmSelected,
.RadMenu_Green .rmVertical .rmFirst a.rmExpanded,
.RadMenu_Green .rmVertical .rmFirst a.rmExpanded:hover
{
   padding-top: 1px;
   padding-bottom: 0;
   border-top-width: 0;
}

.RadMenu_Green .rmVertical .rmLast a.rmLink:hover,
.RadMenu_Green .rmVertical .rmLast a.rmFocused,
.RadMenu_Green .rmVertical .rmLast a.rmSelected,
.RadMenu_Green .rmVertical .rmLast a.rmExpanded,
.RadMenu_Green .rmVertical .rmLast a.rmExpanded:hover
{
   padding-bottom: 1px;
   padding-top: 0;
   border-bottom-width: 0;
}

.RadMenu_Green .rmVertical .rmItem a.rmDisabled:hover
{
   padding-top: 1px;
   padding-bottom: 1px;
   border-width: 0;
}

.RadMenu_Green a.rmExpanded,
.RadMenu_Green a.rmExpanded:hover
{
   background-color: #01649F;
}

.RadMenu_Green a.rmDisabled,
.RadMenu_Green a.rmDisabled:hover
{
   color: #01649F;
   background-color: #01649F;
}

/* </Root items> */

/* <Submenu items> */

.RadMenu_Green .rmGroup,
.RadMenu_Green .rmMultiColumn,
.RadMenu_Green .rmGroup .rmVertical
{
   border: 1px solid #01649F;
   background: none;
   /*background: #fff url('Menu/rmVSprite.png') repeat-y 0 0;*/
}

.RadMenu_Green .rmTopFix,
.RadMenu_Green .rmBottomFix,
.RadMenu_Green .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_Green .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_Green .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_Green .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_Green_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_Green_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
   /* background-image: url('Menu/rmVSprite.png'); */
   background-color: #01649F;
   /* background-repeat: repeat-y; */
}

* html .rmRoundedCorners_Green .rmGroup .rmItem,
* html .rmRoundedCorners_Green ul.rmHorizontal .rmFirst
{
   /* background-image: url('Menu/rmVSprite.png'); */
   background-color: #01649F;
   /* background-repeat: repeat-y; */
}

.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_Green .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_Green .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_Green .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_Green .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_Green .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_Green_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-color: #01649F;
   /* background-image: none; */
}

* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_Green .rmScrollWrap .rmItem,
* html .rmRoundedCorners_Green .rmHorizontal .rmItem,
* html .rmRoundedCorners_Green .rmScrollWrap .rmVertical
{
   background-image: none;
}

.RadMenu_Green .rmRoundedCorners .rmGroupColumn
{
   background-color: #01649F;
}

.RadMenu_Green .rmBottomLeft,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Green_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_Green .rmRoundedCorners ul.rmGroup,
.RadMenu_Green .rmRoundedCorners .rmMultiColumn
{
   background-image: url('Menu/rmRoundedLeft.png');
   background-color: transparent;
   background-repeat: no-repeat;
}

* html .rmRoundedCorners_Green .rmScrollWrapContainer,
* html .rmRoundedCorners_Green .rmGroup ul.rmGroup,
* html .rmRoundedCorners_Green ul.rmGroup
{
    background-color: #01649F;
   /* background-image: url('Menu/rmRoundedLeft.png');
   background-color: transparent;
   background-repeat: no-repeat; */
}

.RadMenu_Green .rmTopRight,
.RadMenu_Green .rmBottomRight
{
   background-image: url('Menu/rmRoundedRight.png');
   background-color: transparent;
   background-repeat: no-repeat;
}

.RadMenu_Green .rmTopFix,
.RadMenu_Green .rmBottomFix,
.RadMenu_Green .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_Green_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_Green .rmGroup .rmFirst
{
   border-color: #979797;
}

.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
   background: #000000;
}

* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmBottomFix
{
   background: #000000;
}

.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
   background-color: #01649F;
   border: 0;
}

* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmRightArrow
{
   background-color: #01649F;
   border: 0;
}

.RadMenu_Green_rtl .rmBottomLeft,
.RadMenu_Green_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_Green_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Green .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_Green_Context_rtl ul.rmGroup,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer
{
   background-image: url('Menu/rmRoundedLeft_rtl.png');
}

.RadMenu_Green_rtl .rmTopRight,
.RadMenu_Green_rtl .rmBottomRight
{
   background-image: url('Menu/rmRoundedRight_rtl.png');
}

.RadMenu_Green_rtl li.rmTopFix,
.RadMenu_Green_rtl li.rmBottomFix,
.RadMenu_Green_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_Green_Context_rtl .rmGroup .rmItem
{
    background-color: #01649F;
   background-position: 101% 0;
}

.RadMenu_Green .rmSlide .rmScrollWrap
{
    background-color: #01649F;
   background-image: none;
}

.RadMenu_Green_rtl .rmGroup,
.RadMenu_Green_rtl .rmMultiColumn,
.RadMenu_Green_rtl .rmGroup .rmVertical
{
    background-color: #01649F;
   background-position: 100% 0;
}

.RadMenu_Green .rmRootGroup li.rmItem .rmGroup
{
   padding-bottom: 0;
}

.RadMenu_Green .rmRootGroup .rmHorizontal
{
    background-color: #01649F;
   background-image: none;
}

.RadMenu_Green .rmScrollWrap .rmVertical
{
    background-color: #01649F;
   border: 0;
}

.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_Green .rmScrollWrapContainer li.rmItem
{
   background: none;
}

.RadMenu_Green .rmGroup .rmItem a.rmLink,
.RadMenu_Green .rmGroup .rmItem a.rmLink:hover,
.RadMenu_Green .rmGroup .rmItem a.rmFocused,
.RadMenu_Green .rmGroup .rmItem a.rmSelected,
.RadMenu_Green .rmGroup .rmItem a.rmExpanded
{
    background-color: #01649F;
   padding-top: 0;
   padding-bottom: 0;
   border: 0;
}

.RadMenu_Green .rmGroup .rmLast a.rmLink,
.RadMenu_Green .rmGroup .rmLast a.rmLink:hover,
.RadMenu_Green .rmGroup .rmLast a.rmFocused,
.RadMenu_Green .rmGroup .rmLast a.rmSelected,
.RadMenu_Green .rmGroup .rmLast a.rmExpanded
{
    background-color: #01649F;
   padding-bottom: 1px;
}

.RadMenu_Green .rmGroup a.rmLink,
.RadMenu_Green .rmGroup .rmText,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-color: #01649F;
   /* background-position: 0 500px;
   background-repeat: no-repeat;
   background-color: transparent; */
}

.RadMenu_Green .rmGroup a.rmLink:hover,
.RadMenu_Green .rmGroup a.rmFocused,
.RadMenu_Green .rmGroup a.rmSelected,
.RadMenu_Green .rmGroup a.rmExpanded
{
   background-position: 0 -168px;
}

.RadMenu_Green .rmGroup a.rmLink:hover .rmText,
.RadMenu_Green .rmGroup a.rmFocused .rmText,
.RadMenu_Green .rmGroup a.rmSelected .rmText,
.RadMenu_Green .rmGroup a.rmExpanded .rmText
{
   background-position: 100% -192px;
}

/* <expand arrows> */

.RadMenu_Green .rmGroup .rmExpandRight,
.RadMenu_Green .rmGroup .rmExpandDown,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
   background-position: 100% -216px;
}

.RadMenu_Green .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_Green .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_Green .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_Green .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_Green .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_Green .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_Green .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_Green .rmGroup a.rmExpanded .rmExpandDown
{
   background-position: 100% -240px;
}

.RadMenu_Green .rmGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_Green .rmGroup a.rmDisabled:hover .rmExpandDown
{
   /*background-image: url('Menu/rmSprite.png');*/
   background-position: 100% -216px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_Green_rtl a.rmLink,
.RadMenu_Green_rtl .rmRootGroup a.rmDisabled
{
   background-position: 100% -96px;
}

.RadMenu_Green_rtl .rmGroup a.rmDisabled
{
   background: none;
}

.RadMenu_Green_rtl .rmText
{
   background-position: 0 -96px;
}

.RadMenu_Green_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_Green_rtl .rmVertical a.rmExpanded:hover .rmText
{
   background-position: 0 500px;
   background-repeat: no-repeat;
}

.RadMenu_Green_rtl .rmGroup a.rmLink:hover,
.RadMenu_Green_rtl .rmGroup a.rmFocused,
.RadMenu_Green_rtl .rmGroup a.rmSelected,
.RadMenu_Green_rtl .rmGroup a.rmExpanded
{
   background-position: 100% -264px;
}

.RadMenu_Green_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_Green_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_Green_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_Green_rtl .rmGroup a.rmExpanded .rmText
{
   background-position: 0 -288px;
}

.RadMenu_Green_rtl .rmGroup .rmExpandLeft
{
   background-position: 0 -312px;
}

.RadMenu_Green_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_Green_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_Green_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_Green_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
   background-position: 0 -336px;
}

/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (Default - specific, overlapping submenus)> */

.RadMenu_Green .rmSlide
{
   margin: 0 0 0 -1px;
}

.RadMenu_Green .rmVertical .rmSlide,
.RadMenu_Green .rmSlide .rmSlide,
.RadMenu_Green_Context .rmGroup .rmSlide
{
   margin: 0 0 0 -5px;
}

.RadMenu_Green_rtl .rmSlide
{
   margin: 0 0 0 0;
}

.RadMenu_Green_rtl .rmFirst .rmSlide
{
   margin-left: 1px;
}

.RadMenu_Green_rtl .rmVertical .rmSlide,
.RadMenu_Green_rtl .rmSlide .rmSlide,
.RadMenu_Green_Context_rtl .rmGroup .rmSlide
{
   margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_Green .rmLeftArrow,
.RadMenu_Green .rmRightArrow
{
   background-color: #E6E6E6;
}

.RadMenu_Green .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_Green .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }

.RadMenu_Green .rmTopArrow,
.RadMenu_Green .rmBottomArrow,
.RadMenu_Green .rmGroup .rmLeftArrow,
.RadMenu_Green .rmGroup .rmRightArrow
{
   background-color: #E6E6E6;
}

.RadMenu_Green .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_Green .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_Green .rmHorizontal .rmSeparator .rmText,
.RadMenu_Green .rmVertical .rmHorizontal .rmSeparator .rmText
{
   height: 22px;
   margin: 1px 0 0;
   width: 1px;
   background-color: #A8A8A8;
}

.RadMenu_Green_Context .rmSeparator .rmText,
.RadMenu_Green .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_Green .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
   background-color: transparent;
   background-position: 0 -406px;
}

/* </Separators> */

/* </RadMenu / Default> */

Menu

answered on 01 Mar 2013

2 answers

90 views

Column Chart MaxValue not showing FireFox/Chrome

See 2 attached screenshots. IE works, FireFox and Chrome do not. I have not modified any CSS and am using the Metro skin.

<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" DataSourceID="SqlDSUserRatings" Skin="Metro">
<ChartTitle>
<Appearance Visible="False" />
</ChartTitle>
<Legend>
<Appearance Visible="False" />
</Legend>
<PlotArea>
<YAxis MaxValue="5" MinValue="0">
<TitleAppearance Text="Rating" />
</YAxis>
<XAxis DataLabelsField="FullName">
<TitleAppearance Text="User"></TitleAppearance>
</XAxis>
<Series>
<telerik:ColumnSeries DataFieldY="Rating" Name="Series 1">
</telerik:ColumnSeries>
</Series>
</PlotArea>
</telerik:RadHtmlChart>

Thanks,
Andrew

Chart (HTML5)

answered on 01 Mar 2013