CSS Friendly Control Adapters

New Post: GridView

dbrook007 — Sun, 13 Jul 2008 12:09:04 GMT

Hi,

I'm new to the CSS Control Adapters. What's rendered in the HTML by the control Adapters? Does is use tables or divs?

Is there anything I can't do with these that I could do with the standard asp.net 2.0 GridView?

Thanks,
Darren

Commented Issue: not referencing virtual directory URLS through themes.

KnightSword — Sun, 13 Jul 2008 08:38:49 GMT

I am not sure if this has been observed by anyone, but when I place the LoginButtonImageUrl property into a theme for <asp:Login> the ~/ is not deferenced to the application path. Rather, this is the resulting rendering for that block of html code:
Comments: ** Comment from web user: KnightSword **

My mistake, I accidentally hit <enter> too many times:

This is the .skin declaration for asp:Login:
<asp:Login runat="server"
TitleText="Login"
UserNameLabelText="User Id:" PasswordLabelText="Password:"
RememberMeText="Remember me next time"
LoginButtonText="Login" LoginButtonType="Image" LoginButtonImageUrl="App_Themes/appTheme/images/login-btn.png"
PasswordRecoveryText="Password Recovery" PasswordRecoveryUrl="passwdRecover.aspx"/>

And this is what is rendered:
<div class="AspNet-Login" id="lgDoorway">
<div class="AspNet-Login-TitlePanel">
<span>Login</span>
</div>
<div class="AspNet-Login-UserPanel">
<label for="lgDoorway_UserName"><em>U</em>ser Id:</label>
<input type="text" id="lgDoorway_UserName" name="lgDoorway$UserName" value="" accesskey="u" /><span id="lgDoorway_UserNameRequired" style="color:Red;visibility:hidden;">*</span>
</div>
<div class="AspNet-Login-PasswordPanel">
<label for="lgDoorway_Password"><em>P</em>assword:</label>
<input type="password" id="lgDoorway_Password" name="lgDoorway$Password" value="" accesskey="p" /><span id="lgDoorway_PasswordRequired" style="color:Red;visibility:hidden;">*</span>
</div>
<div class="AspNet-Login-RememberMePanel">
<input type="checkbox" id="lgDoorway_RememberMe" name="lgDoorway$RememberMe" checked="checked" accesskey="R" />
<label for="lgDoorway_RememberMe"><em>R</em>emember me next time</label>
</div>
<div class="AspNet-Login-SubmitPanel">
<input type="image" src="~/App_Themes/appTheme/App_Themes/appTheme/images/login-btn.png" id="lgDoorway_LoginImageButton" name="lgDoorway$LoginImageButton" onclick="WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("lgDoorway$LoginImageButton", "", true, "lgDoorway", "", false, true))" />
</div>
<div class="AspNet-Login-PasswordRecoveryPanel">
<a href="~/App_Themes/appTheme/passwdRecover.aspx" title="Password recovery">Password Recovery</a>
</div>
</div>

I know it might be a bit cluttered, so this is what you should focus on:
<input type="image" src="~/App_Themes/appTheme/App_Themes/appTheme/images/login-btn.png" id="lgDoorway_LoginImageButton" name="lgDoorway$LoginImageButton" onclick="WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("lgDoorway$LoginImageButton", "", true, "lgDoorway", "", false, true))" />

As you can see, the ~/ portion of the path has been inserted into my code (which is reasonable) and remains in the HTML render (which is not). I've downloaded the latest version of CSSFriendly too, and while I can create a work around, this is probably something that should be fixed in the next suite of updates.

Thank you!

Created Issue: not referencing virtual directory URLS through themes.

KnightSword — Sun, 13 Jul 2008 08:34:18 GMT

New Post: Could not load assembly - Access is denied

CaitNY — Fri, 11 Jul 2008 17:14:28 GMT

ignore... i seem to have fixed the issue just by closing visual studio

New Post: Could not load assembly - Access is denied

CaitNY — Fri, 11 Jul 2008 16:59:18 GMT

Hi, I am trying to update my site from the production release to the latest source code release (11160) because I would like to use the RadioButtonListAdapter.
I built the solution and added CssFriendly.dll to my bin directory.
Now I am getting the error:
Could not load file or assembly 'CSSFriendly' or one of its dependencies. Access is denied.
Can anyone tell me what I might have done wrong?
Thanks in advance!

New Post: CSS Friendly Control Adapters - VWD 2008

DavidHBrowne — Wed, 09 Jul 2008 12:05:51 GMT

Hello all -

I have followed the following implementation plan but am unable to implement the adapters, am I missing something...

1. Add a reference to CSSFriendly.dll file contains the compiled source code,
2. Created a new AppBrowsers directory and placed the CSSFriendlyAdapters.browser file in the directory.

When I add a menu to my master page the results are what you would expect had I not installed the CSS adapters....

Thoughts?

Created Issue: EmptyDataTemplate not working for FormView

tsmyrnios — Mon, 07 Jul 2008 20:13:43 GMT

Even though patch id 247 states that the FormView EmptyData functionality has been rectified, it is still not working properly. I can turn off the adapter in the .browser file and the contents of the EmptyDataTemplate renders perfectly fine - I turn it back on and nothing renders. Everything else works great besides this.

New Post: Any idea of future release dates?

kmb2215 — Mon, 07 Jul 2008 17:09:06 GMT

You can download a more recent version from the Source Code tab.

Created Issue: CheckboxList: TabIndex property not being rendered

Martillo — Tue, 24 Jun 2008 04:14:36 GMT

If you assign a value to the TabIndex attribute on the CheckBoxList control, when the control adapters are not applied the asp.net engine sets the (same) tabindex on each rendered input type="checkbox" HTML tag. However, when the control adapters are applied the "tabindex" attribute is not rendered.

Created Issue: CheckboxList RepeatColumns and RepeatDirection - can it be done?

Martillo — Tue, 24 Jun 2008 03:44:43 GMT

Would it be possible for the control adapters to recognize the RepeatColumns and RepeatDirection properties of the CheckboxList control?

Created Issue: EmptyDataTemplate not rendering correctly - DetailsView

EarlLocker — Mon, 23 Jun 2008 14:51:26 GMT

I have a DetailsView with a defined EmptyDataTemplate. Within there I have a simple LinkButton with the OnClick attribute setup to put the DetailsView into Insert mode. With the CSS Friendly Adapter enabled, the LinkButton renders but with no href defined - thus it's a useless anchor. If I set the AdapterEnabled to false, it renders just fine. While trying several other things, I also noticed that having another DetailsView defined within the EmptyDataTemplate - the embedded DetailsView will not render at all.

Commented Issue: Semantic class names

cvanleeuwen — Mon, 23 Jun 2008 09:09:30 GMT

Currently the CSS Adapters will rendered a wrapper div around each control like:
Comments: ** Comment from web user: cvanleeuwen **

nice, [enter] in the richt text field submits the form :s.... Her's the acual issue:
--------------------

Currently the CSS Adapters will rendered a wrapper div around each control like:

This violates the "Semantic HTML" principle; tags surrounding content should describe _what_ that content is (so main-nav/context-nav instead of left-nav/top-nav). All styling possibilities are very well possible without the wrapper div (so css-wise this doesn't provide added value).

To counter this problem I would opt for removing the wrapper div's from the CSS Friendly Adapters. Alternatively offer a config setting which says to include or exclude wrapper divs.

Created Issue: Semantic class names

cvanleeuwen — Mon, 23 Jun 2008 08:43:46 GMT

Currently the CSS Adapters will rendered a wrapper div around each control like:

Commented Issue: CSS for GridView is broke

TehOne — Fri, 20 Jun 2008 23:31:09 GMT

Someone has modified the GridView so that one can no longer assign custom style classes to table rows. For instance, previously the declarative statements worked:
Comments: ** Comment from web user: TehOne **

Fixed a small bug in the last uploaded file where the cssclass would get put on more then once for the pager rows.

Commented Issue: CSS for GridView is broke

TehOne — Fri, 20 Jun 2008 23:24:36 GMT

Ok, I have edited in all the other styles now as well, the file is attached.

Commented Issue: CSS for GridView is broke

TehOne — Fri, 20 Jun 2008 22:58:41 GMT

I'm not sure you do have this wrong. I just downloaded "Change Set 11160" and it doesn't apply my AlternatingRowStyle CssClass. I opened up GridViewAdapter.cs and changed this:

case DataControlRowState.Alternate:
className = " AspNet-GridView-Alternate ";
break;

to this:

case DataControlRowState.Alternate:
className = " AspNet-GridView-Alternate ";
if (gridView.AlternatingRowStyle != null)
{
className += gridView.AlternatingRowStyle.CssClass;
}
break;

And now I get my alternating row style css class applied.

I'm sure this may also need to be done for the other (header, row, footer, etc) styles as well, but I didn't make these changes and didn't test it.

Commented Issue: CSS for GridView is broke

mark4asp — Fri, 20 Jun 2008 14:41:31 GMT

I've got things wrong here - getting confused with an earlier version which was somehow in my bin folder.

However, ask yourself the question - how am I getting confused between these versions? Do they have version numbers? (or maybe it's just my custom compiled dll which is lacking a version number?, but they all say version 1.0.0.0

I just downloaded your dll too - it has version 1.0.0.0. The comment says "beta 3" and but you need to version this thing with a number as well as a comment. How am I supposed to KNOW that I must look in the comments to find the version?

Commented Issue: CSS for GridView is broke

mark4asp — Fri, 20 Jun 2008 13:26:47 GMT

This forum software is a bit dubious. It posted my item before it was ready. I meant to include examples of styling declarative statements which used to work. Here they are:
<HeaderStyle CssClass="gvTitle" />
<RowStyle CssClass="gvRow" />
<AlternatingRowStyle CssClass="gvRow bg-varigated-light" />
The last two <RowStyle /> and <AlternatingRowStyle /> no longer work. When I say "used to work" I mean worked with the previous version of the CSS-Friendly controls but not with the version I downloaded recently.

Created Issue: CSS for GridView is broke

mark4asp — Fri, 20 Jun 2008 13:20:24 GMT

Someone has modified the GridView so that one can no longer assign custom style classes to table rows. For instance, previously the declarative statements worked:

Patch Uploaded: #1410

kmb2215 — Wed, 18 Jun 2008 19:37:16 GMT

kmb2215 has uploaded a patch.

Description:
Introduces support for persisting original css class names for GridViewRows. Changed line 197 of GridViewAdapter.cs from:

string className = GetRowClass(gridView, row);

to

string className = GetRowClass(gridView, row) + " " + row.CssClass;