or
| <telerik:RadAjaxPanel ID="rap" runat="server" EnablePageHeadUpdate="false" LoadingPanelID="ralp" ClientEvents-OnRequestStart="function() {return false;}"> |
| <asp:Login ID="l1" runat="server" onauthenticate="l1_Authenticate" onloggedin="l1_LoggedIn"> |
| <LayoutTemplate> |
| <fieldset> |
| <div class="field"> |
| <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName" /> |
| <asp:TextBox ID="UserName" runat="server" CssClass="text en" MaxLength="512" autocomplete="off" /> |
| <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" CssClass="validation-error" |
| ValidationGroup="Login1" SetFocusOnError="true" EnableClientScript="true" /> |
| </div> |
| <div class="field"> |
| <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password" /> |
| <asp:TextBox ID="Password" runat="server" TextMode="Password" CssClass="text en"></asp:TextBox> |
| <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password" CssClass="validation-error" |
| ValidationGroup="Login1" SetFocusOnError="true" EnableClientScript="true" /> |
| </div> |
| <div class="field"> |
| <asp:Label ID="RememberMeLabel" runat="server" Text="" AssociatedControlID="RememberMe" /> |
| <asp:CheckBox ID="RememberMe" runat="server" Text="" /> |
| <span class="validation-error"> </span> |
| </div> |
| <asp:Panel ID="pnlCap" runat="server" Visible="false" class="field captcha"> |
| <asp:Label ID="lblEnterCaptchaCode" runat="server" AssociatedControlID="txtCaptchaCode" /> |
| <asp:TextBox ID="txtCaptchaCode" runat="server" CssClass="text en" Width="130" ValidationGroup="Login1" /> |
| <asp:RequiredFieldValidator ID="rfvCap" runat="server" ControlToValidate="txtCaptchaCode" CssClass="validation-error" |
| ValidationGroup="Login1" SetFocusOnError="true" /> |
| <br /> |
| <br /> |
| <telerik:RadCaptcha ID="captcha" runat="server" ValidationGroup="Login1" CaptchaAudioLinkButtonText="" |
| CaptchaTextBoxLabel="" EnableRefreshImage="True" CaptchaLinkButtonText="<span>تولید تصویر جدید</span>" |
| ValidatedTextBoxID="txtCaptchaCode"> |
| <CaptchaImage TextColor="#009900" EnableCaptchaAudio="True" FontFamily="Courier New" UseAudioFiles="True" LineNoise="Medium" |
| UseRandomFont="False" ImageAlternativeText="کد امنیتی" Width="150" RenderImageOnly="True" /> |
| </telerik:RadCaptcha> |
| </asp:Panel> |
| <div class="buttons left"> |
| <asp:ImageButton ID="LoginButton" runat="server" CommandName="Login" CssClass="login-button" AlternateText="Log In" ImageUrl="http://cdn.samservice.dev/images/spacer.gif" |
| ValidationGroup="Login1" /> |
| </div> |
| <div class="message-field"> |
| <asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal> |
| </div> |
| </fieldset> |
| </LayoutTemplate> |
| </asp:Login> |
| </telerik:RadAjaxPanel> |
| rap.ClientEvents.OnResponseEnd = String.Format("EnableValidators(['{0}', '{1}', '{2}']);", rfvCap.ClientID, rfvPW.ClientID, rfvUN.ClientID); |
| function EnableValidators(list) { |
| //Page_Validators |
| var a = $(list).filter(function (index, el) { |
| return (document.getElementById(el) != null); |
| }).toArray(); |
| Page_Validators = jQuery.makeArray($(jQuery.map(a, function (el, i) { |
| return (document.getElementById(el)); |
| })).toArray()); |
| } |

We are working with the Telerik RadMenu. We want to change the graphic for the Menu Bar, our users need the option to change the graphic that appears at the top left. Our options are to use the Telerik button image or a Menu Bar image without any graphic. Both images contain the menu bar with the circle corner. How do we display the proper menu bar background of the tope left corner and the uploaded graphic from the end-user?