This is a migrated thread and some comments may be shown as answers.

FormDecorator 2010 3 1215 - LoginControl

3 Answers 63 Views

FormDecorator

This is a migrated thread and some comments may be shown as answers.

3 Answers, 1 is accepted

answered on 28 Dec 2010, 05:05 AM

Hi thanks for taking this. Couple things.. I forgot to paste the aspx page with source, I only sent you the resultant html. Second, I don't think your DEMO page even shows the login status so that's why you don't see the problem. Have your demo add this when "logged in".

problem: the latest version as button like rounded boxes around the login nane and login status control - when using FormDecorator... its like the logincontrol css is not correct for those controls.

<asp:LoginView ID="LoginView1" runat="server">
                <LoggedInTemplate>
                    <asp:LoginName ID="loginName1" runat="server" FormatString="Welcome {0}" />
                    <asp:LoginStatus ID="LoginStatus1" runat="server" />
                </LoggedInTemplate>

answered on 28 Dec 2010, 09:29 AM

logincontrols.gif

Hello Marty,

Thank you for the clarification. Actually everything is correct. All messages displayed by login and validation controls and decorated by RadFormDecorator are displayed into an element that has a border. See logincontrols.gif attached from the demo page that shows similar messages and how they are displayed.

But if you like to remove the border of the validation and login messages I would recommend you to a apply an additional class to the elements that you do not want to have border:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<style type="text/css">

.removeBorder

{

font-family: "Segoe UI" ,Arial,Helvetica,sans-serif; /* this line will keep the default font-family */

font-size: 12px; /* this line will keep the default font-size */

border: 0 !important; /* this line will remove the border */

}

</style>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="All" />

<asp:LoginView ID="LoginView1" runat="server">

<LoggedInTemplate>

<asp:LoginName ID="loginName1" runat="server" FormatString="Welcome {0}" CssClass="removeBorder" />

<br />

<asp:LoginStatus ID="LoginStatus1" runat="server" CssClass="removeBorder" />

</LoggedInTemplate>

</asp:LoginView>

</form>

</body>

</html>

If you do not want to use an additional CSS class, but to remove completely the border, you could use the following CSS code:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<style type="text/css">

.rfdValidationSummaryControl,

.rfdLoginControl

{

border: 0 !important; /* this line will remove the borders */

}

</style>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="All" />

<asp:LoginView ID="LoginView1" runat="server">

<LoggedInTemplate>

<asp:LoginName ID="loginName1" runat="server" FormatString="Welcome {0}" />

<br />

<asp:LoginStatus ID="LoginStatus1" runat="server" />

</LoggedInTemplate>

</asp:LoginView>

</form>

</body>

</html>

Please, let us know if the suggested workaround is suitable for you.

Best wishes,
Bojo
the Telerik team

Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.