Questions on UI for ASP.NET AJAX Forum

8 answers

506 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

232 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

92 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

1 answer

125 views

Dropdown List with RadComboBox

I have a datalist (dlLockNumber) with a RadComboBox Control (rcbLockSeriesLockNumbers) in it. Depending on the number of records in the datalist, there could be one to 100 (or more) RadComboBox instances of rcbLockSeriesLockNumbers. I have a RadButton named "rbSelect" for each RadComboBox that is disabled upon page load - so that when someone selects some value other than the default ("-1"), the desired event is to enable the button. I have a javascript function named OnClientSelectedIndexChanged that hopefully would work but it does not. If any of you Javascript sharpies could take a look at the function and steer me in the right direction, it would be appreciated.

Here is the HTML side of the code - this is part of a .NET User Control:

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Keys.ascx.vb" Inherits="Controls_Keys" %>

<telerik:RadCodeBlock ID="rcblock1" runat="server">

<script language="javascript" type="text/javascript">

function OnClientSelectedIndexChanged(sender, eventArgs) {

var item = eventArgs.get_item();

var ddl = $find("<%= dlKeySeries.ClientID %>");

var button = ddl.get_items().getItem(0).findControl("rbSelect");

var strValue = item.options[item.selectedIndex].value;

if (strValue == "-1") {

button.set_enabled(false);

}

else {

button.set_enabled(true);

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxPanel ID="rapKeys" runat="server">

<asp:Panel ID="pnlKeysTrue" Visible="true" runat="server">

<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="BlackSmall">

<br />

<asp:Literal ID="litSectionTitle" runat="server" /><br />

<asp:Literal ID="litSectionIntro" runat="server" />

</td>

</tr>

<tr id="trrcKeySeries" runat="server">

<td class="BlackSmall">

<br />

<asp:DataList ID="dlLockNumber" DataKeyField="SeriesLockID" OnItemDataBound="dlLockNumber_ItemDataBound" Width="100%" RepeatDirection="Vertical" RepeatColumns="3" runat="server">

<ItemTemplate>

<asp:Label ID="lblSeriesLockID" Visible="false" runat="server"><%#Databinder.Eval(Container.DataItem, "SeriesLockID") %></asp:Label>

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

<tr>

<td valign="top" style="width:196px;text-align:center">

<telerik:RadComboBox ID="rcbLockSeriesLockNumbers" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged" CausesValidation="false" AppendDataBoundItems="true" DataValueField="LockNumberID" Width="130px" ZIndex="20000" DataTextField="LockNumber" AutoPostBack="true" runat="server" />

</td>

<td>

<telerik:RadButton ID="rbSelect" Enabled="false" Skin="Sunset" OnClick="rbSelect_OnClick" runat="server" Text="Select" />

</td>

</tr>

</table>

</ItemTemplate>

</asp:DataList>

</td>

</tr>

</table>

</asp:Panel>

ComboBox

answered on 01 Mar 2013

2 answers

239 views

RadEditor Dropdowns E-mail template

Hi everyone!
I would like to know how could I use the RadEditor, I am new in telerik components.
I would like to use it to make email template. I have on my DB a table with the differents names for the email templates. Example: HumanResource, Marketing, etc... I load in a combobox this, and custom the aparience. Dont know where to begin?
Thanks in advance!!!!
Joan.

Editor

answered on 01 Mar 2013

21 answers

404 views

this.datetimeformat is undefined error in firefox

I'm getting this error using the RadControls for ASP.NET AJAX in Firefox 3. (As reported by Firebug)

It occurs on the this.dateTimeFormat.AbbreviatedMonthNames expression in the following code.

function Sys$CultureInfo$_getAbbrMonthIndex(value) {

if (!this._upperAbbrMonths) {

this._upperAbbrMonths = this._toUpperArray(this.dateTimeFormat.AbbreviatedMonthNames);

}

return Array.indexOf(this._upperMonths, this._toUpper(value));

}

This has been a known bug in ASP.NET AJAX -- and apparently still is in Firefox.

Does anyone know a solution or workaround?

Thanks,

Randy

TreeView

answered on 01 Mar 2013

3 answers

117 views

partially hidden buttons in firefox4

I have a formdecorator decorating buttons in a window that opens after a postback on the parent modal. Upon opening all buttons look as seen in the attached image and are inoperable. The culprit is the following CSS that presumably firefox4 adds (works in IE8) because i did not see it in formdecorator.css or window, etc.

button, input[type="submit"], input[type="reset"], input[type="button"], input[type="checkbox"], input[type="radio"], select {

visibility: hidden !important;

The problem goes away when the radformdecorator has been removed.

Regards,

Brian

FormDecorator

answered on 01 Mar 2013

1 answer

40 views

i am getting proble while fatching the records from pop up rad window

Dear Team

my scanario is
i have a text box which takes the selected value from pop up
i mean when i select the value from pop up using check box that value reflects in
text box

the value is coming fine in crome and ie
but getting problem in fire fox
getting below error
note : i am using rad ajax panel which has text box

[13:30:11.424] Use of Mutation Events is deprecated. Use MutationObserver instead. @
[13:46:25.986] TypeError: $find("dnn_ctr532_UpdateDetails_dataViewListDepartment_grdDataListViewDepartment_ctl00_ctl02_ctl03_EditFormControl_rapEmployee") is null @

please tell me what i need to do

Ajax

answered on 01 Mar 2013

1 answer

231 views

Radbutton text not centered when using set width and splitbutton=true

When I enabled SplitButton on a RadButton, I noticed the button text was centered in relation to the entire button including the split arrow. I found that when setting a width on the button (in aspx or code-behind), that this occurs. If I remove the set width, the button text now centers in relation to the non-split/arrow area. I basically just removed the set width when I dynamically split the button and add the set width when I don't need to split, so work-around was easy. I just wanted to point this out in case anyone else has encountered or if there is just some style/attribute/property I'm missing.

Button

answered on 01 Mar 2013