Problems with CSS Adapters - tables are generated for login control

Reply

rfurdzik

Member

19 Points

1725 Posts

Problems with CSS Adapters - tables are generated for login control

Aug 06, 2007 03:16 PM|rfurdzik|LINK

I do not know why it is not gerenating DIV/CSS but tables instead. I have placed .browser file in my ~/App_Browsers:

<!--<adapter controlType="System.Web.UI.WebControls.Menu"

adapterType="CSSFriendly.MenuAdapter" />-->

<adapter controlType="System.Web.UI.WebControls.TreeView"

adapterType="CSSFriendly.TreeViewAdapter" />

<adapter controlType="System.Web.UI.WebControls.DetailsView"

adapterType="CSSFriendly.DetailsViewAdapter" />

<adapter controlType="System.Web.UI.WebControls.FormView"

adapterType="CSSFriendly.FormViewAdapter" />

<adapter controlType="System.Web.UI.WebControls.DataList"

adapterType="CSSFriendly.DataListAdapter" />

<adapter controlType="System.Web.UI.WebControls.GridView"

adapterType="CSSFriendly.GridViewAdapter" />

<adapter controlType="System.Web.UI.WebControls.ChangePassword"

adapterType="CSSFriendly.ChangePasswordAdapter" />

<adapter controlType="System.Web.UI.WebControls.Login"

adapterType="CSSFriendly.LoginAdapter" />

<adapter controlType="System.Web.UI.WebControls.LoginStatus"

adapterType="CSSFriendly.LoginStatusAdapter" />

<adapter controlType="System.Web.UI.WebControls.CreateUserWizard"

adapterType="CSSFriendly.CreateUserWizardAdapter" />

<adapter controlType="System.Web.UI.WebControls.PasswordRecovery"

adapterType="CSSFriendly.PasswordRecoveryAdapter" />

</controlAdapters>

</browser>

I have also the required .cs files in ~/App_Code/Adapters (LoginAdapter.cs). Do I need to do anything more? Why is it genarating the tables for login control? Do I need to place link to .css file in my master? I have .css file in ~/CSS directory...

Rafal

Buy Sell Domains - DomainsHeat.com

Free ASP.NET controls: Youtube Web Control and Ajax Zoom Control

Reply

rfurdzik

Member

19 Points

1725 Posts

Re: Problems with CSS Adapters - tables are generated for login control

Aug 06, 2007 06:25 PM|rfurdzik|LINK

This is my login control declaration:

<asp:Login ID="LoginConrol" runat="server" TitleText="" CssClass="login_box">

</asp:Login>

I have CSS adapters generating CSS code fine for the ASP.NEt meu control, but I can't get this working for the Login control...

Rafal

Buy Sell Domains - DomainsHeat.com

Free ASP.NET controls: Youtube Web Control and Ajax Zoom Control

Reply

bdemarzo

Member

60 Points

168 Posts

Re: Problems with CSS Adapters - tables are generated for login control

Aug 07, 2007 10:42 AM|bdemarzo|LINK

If I recall corectly, the original release of the CSS adapters had an issue where templated login controls were still put in a <table> wrapper, something akin to this:

This issue was fixed in the CodePlex version available at http://www.codeplex.com/cssfriendly

- brian
- blog: www.sidesofmarch.com

Reply

rfurdzik

Member

19 Points

1725 Posts

Re: Problems with CSS Adapters - tables are generated for login control

Aug 07, 2007 10:53 PM|rfurdzik|LINK

1) I have no tables on my page, jsut pure DIV/CSS

2) I have downloaded the new CSS adapters from codeplex.com

Still the same issue...

Rafal

Buy Sell Domains - DomainsHeat.com

Free ASP.NET controls: Youtube Web Control and Ajax Zoom Control

Reply

rfurdzik

Member

19 Points

1725 Posts

Re: Problems with CSS Adapters - tables are generated for login control

Aug 07, 2007 10:56 PM|rfurdzik|LINK

This is my output HTML:

<div class="PrettyLogin" id="ctl00_Main_loginview1_login1">
	<div class="AspNet-Login">
		<div class="AspNet-Login-TitlePanel">

			<span>Login</span>
		</div>
		<div class="AspNet-Login-UserPanel">
			<label for="ctl00_Main_loginview1_login1_UserName"><em>U</em>ser Name:</label>
			<input type="text" id="ctl00_Main_loginview1_login1_UserName" name="ctl00$Main$loginview1$login1$UserName" value="" accesskey="u" /><span id="ctl00_Main_loginview1_login1_UserNameRequired" style="color:Red;visibility:hidden;">*</span>
		</div>
		<div class="AspNet-Login-PasswordPanel">

			<label for="ctl00_Main_loginview1_login1_Password"><em>P</em>assword:</label>
			<input type="password" id="ctl00_Main_loginview1_login1_Password" name="ctl00$Main$loginview1$login1$Password" value="" accesskey="p" /><span id="ctl00_Main_loginview1_login1_PasswordRequired" style="color:Red;visibility:hidden;">*</span>
		</div>
		<div class="AspNet-Login-RememberMePanel">
			<input type="checkbox" id="ctl00_Main_loginview1_login1_RememberMe" name="ctl00$Main$loginview1$login1$RememberMe" accesskey="R" />
			<label for="ctl00_Main_loginview1_login1_RememberMe"><em>R</em>emember me next time.</label>

		</div>
		<div class="AspNet-Login-SubmitPanel">
			<input type="image" src="~/App_Themes/Red_new/Images/Login.gif" id="ctl00_Main_loginview1_login1_LoginImageButton" name="ctl00$Main$loginview1$login1$LoginImageButton" onclick="WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$Main$loginview1$login1$LoginImageButton&quot;, &quot;&quot;, true, &quot;ctl00$Main$loginview1$login1&quot;, &quot;&quot;, false, true))" />
		</div>
		<div class="AspNet-Login-CreateUserPanel">
			<a href="Register.aspx" title="Create user">Register here.</a>
		</div>
		<div class="AspNet-Login-PasswordRecoveryPanel">

		</div>
	</div>
</div>
            </div>

Rafal

Buy Sell Domains - DomainsHeat.com

Free ASP.NET controls: Youtube Web Control and Ajax Zoom Control

Reply

rfurdzik

Member

19 Points

1725 Posts

Re: Problems with CSS Adapters - tables are generated for login control

Aug 07, 2007 11:02 PM|rfurdzik|LINK

It generates CSS now, but the remaing problems are:

1) No picture is shown I have Login button in ="~/App_Themes/Red_new/Images/Login.gif

2) No link "Forget your password is created"

Here is my aspx declaration:

<asp:LoginView ID="loginview1" runat="server">
        <LoggedInTemplate>
            <asp:LoginName ID="loginname1" runat="server" ToolTip="Welcome back!" FormatString ="Welcome back, {0}! " />
            <asp:LoginStatus ID="loginstatus1" runat="server"
                LogoutText="Please logout"
                LogoutAction="RedirectToLoginPage"
                ToolTip="click to logout" />
            to see the Login form.
        </LoggedInTemplate>
        <AnonymousTemplate>
            <div id="SampleLogin">
                <asp:Login runat="server" ID="login1" SkinID="SampleLogin"
                    CssSelectorClass="PrettyLogin"
                    

                    UserNameLabelText="User Name:"
                    PasswordLabelText="Password:"
                    TitleText="Login"
                    RememberMeText="Remember me next time."


                    FailureText="Your login attempt was not successful. Please try again."


                    CreateUserText="Register here." CreateUserUrl="Register.aspx" CreateUserIconUrl=""
                    PasswordRecoveryText="Forgot your password?"
                     

                    ToolTip="Please login."  />
            </div>
        </AnonymousTemplate>
    </asp:LoginView>

Here is my skin file declaration:

<asp:Login SkinID="SampleLogin" runat="server"

font-names="Verdana"

font-size="0.8em"

backcolor="White"

cellpadding="4"

BorderStyle="Solid" BorderWidth="1px" BorderColor="#284775"

LoginButtonImageUrl="~/App_Themes/Red_new/Images/Login.gif" LoginButtonType="Image">

</asp:Login>

Rafal

Buy Sell Domains - DomainsHeat.com

Free ASP.NET controls: Youtube Web Control and Ajax Zoom Control

Reply

rfurdzik

Member

19 Points

1725 Posts

Found possible bug in CSS Adapters

Aug 08, 2007 12:30 AM|rfurdzik|LINK

This is definitevely a bug in CSS Adapters. I have removed login control from .browser file and the picture shows fine now... Here is the new output html:

                <table title="Please login." cellspacing="0" cellpadding="1" cellpadding="4" CssSelectorClass="PrettyLogin" border="0" id="ctl00_Main_loginview1_login1" style="background-color:White;border-color:#284775;border-width:1px;border-style:Solid;border-collapse:collapse;">
	<tr>

		<td><table cellpadding="0" border="0" style="font-family:Verdana;font-size:0.8em;">
			<tr>
				<td align="center" colspan="2" style="color:#F7F6F3;background-color:#5D7B9D;font-weight:bold;height:2em;">Login</td>
			</tr><tr>
				<td align="right" style="color:#5D7B9D;"><label for="ctl00_Main_loginview1_login1_UserName">User Name:</label></td><td><input name="ctl00$Main$loginview1$login1$UserName" type="text" id="ctl00_Main_loginview1_login1_UserName" style="color:#5D7B9D;border-color:#5D7B9D;border-width:1px;border-style:Solid;" /><span id="ctl00_Main_loginview1_login1_UserNameRequired" title="User Name is required." style="color:Red;visibility:hidden;">*</span></td>
			</tr><tr>
				<td align="right" style="color:#5D7B9D;"><label for="ctl00_Main_loginview1_login1_Password">Password:</label></td><td><input name="ctl00$Main$loginview1$login1$Password" type="password" id="ctl00_Main_loginview1_login1_Password" style="color:#5D7B9D;border-color:#5D7B9D;border-width:1px;border-style:Solid;" /><span id="ctl00_Main_loginview1_login1_PasswordRequired" title="Password is required." style="color:Red;visibility:hidden;">*</span></td>

			</tr><tr>
				<td colspan="2" style="color:#5D7B9D;"><input id="ctl00_Main_loginview1_login1_RememberMe" type="checkbox" name="ctl00$Main$loginview1$login1$RememberMe" /><label for="ctl00_Main_loginview1_login1_RememberMe">Remember me next time.</label></td>
			</tr><tr>
				<td align="right" colspan="2"><input type="image" name="ctl00$Main$loginview1$login1$LoginImageButton" id="ctl00_Main_loginview1_login1_LoginImageButton" src="App_Themes/Red_New/Images/Login.gif" alt="Log In" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$Main$loginview1$login1$LoginImageButton&quot;, &quot;&quot;, true, &quot;ctl00$Main$loginview1$login1&quot;, &quot;&quot;, false, false))" style="border-width:0px;" /></td>
			</tr><tr>
				<td colspan="2"><a id="ctl00_Main_loginview1_login1_CreateUserLink" href="Register.aspx">Register here.</a></td>
			</tr>
		</table></td>

	</tr>
</table>

Rafal

Buy Sell Domains - DomainsHeat.com

Free ASP.NET controls: Youtube Web Control and Ajax Zoom Control

Problems with CSS Adapters - tables are generated for login control RSS

6 replies

Shortcuts

rfurdzik

Problems with CSS Adapters - tables are generated for login control

rfurdzik

Re: Problems with CSS Adapters - tables are generated for login control

bdemarzo

Re: Problems with CSS Adapters - tables are generated for login control

rfurdzik

Re: Problems with CSS Adapters - tables are generated for login control

rfurdzik

Re: Problems with CSS Adapters - tables are generated for login control

rfurdzik

Re: Problems with CSS Adapters - tables are generated for login control

rfurdzik

Found possible bug in CSS Adapters