Problems with CSS Adapters - tables are generated for login controlRSS

• • Reply
  rfurdzik

  Member

  19 Points

  1676 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:

  <browser refID="Default">

  <controlAdapters>

  <!--<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...

• • Reply
  rfurdzik

  Member

  19 Points

  1676 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">

  <TextBoxStyle CssClass="text"></TextBoxStyle>

  </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...

• • Reply
  bdemarzo

  Member

  60 Points

  166 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:

  <table>
    <tr>
      <td>
        <!-- CSS-adapted Login HTML -->
      </td>
    </tr>
  </table>
  

  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

  1676 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...

   

• • Reply
  rfurdzik

  Member

  19 Points

  1676 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>  

• • Reply
  rfurdzik

  Member

  19 Points

  1676 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">

   

  <TitleTextStyle Font-Bold="true" ForeColor="#F7F6F3" BackColor="#5D7B9D" Height="2em" />

  <LabelStyle ForeColor="#5D7B9D" />

  <TextBoxStyle ForeColor="#5D7B9D" BorderColor="#5D7B9D" BorderStyle="Solid" BorderWidth="1px" />

  <FailureTextStyle ForeColor="#990000" />

  <CheckBoxStyle ForeColor="#5D7B9D" />

  </asp:Login>

• • Reply
  rfurdzik

  Member

  19 Points

  1676 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>