CodeVerge.Net Beta


   Explore    Item Entry   Register  Login  
Microsoft News
Asp.Net Forums
IBM Software
Borland Forums
Adobe Forums
Novell Forums

MS SQL 2008 on ASP.NET Hosting
Free 3 Months



Zone: > NEWSGROUP > Asp.Net Forum > microsoft_downloads.css_friendly_control_adapters Tags:
Item Type: NewsGroup Date Entered: 4/30/2006 4:18:26 AM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
(NR, 0)
XPoints: N/A Replies: 4 Views: 53 Favorited: 0 Favorite
Can Reply:  No Members Can Edit: No Online: Yes
5 Items, 1 Pages 1 |< << Go >> >|
IDisposable
Asp.Net User
Very cool!4/30/2006 4:18:26 AM

0/0

Before this whole thing gets set in stone, you should consider using DL, DT and DD for the FormView and DetailsView adapters. This would enable a much better match to the styling rules, not requiring two entirely different CSS classes for the "label" and field "values".  Instead, you map DT to the overall view, then DT for the label and DD for the field value.  These tags have been around since HTML 2.0, so they are well supported.  I'm using this pattern (with much fewer classes required):

<div class="PrettyDetailsView">
  <div class="AspNet-DetailsView">
    <div class="AspNet-DetailsView-Header">
      Author Details
    </div>
    <dl>
        <dt>ID</dt><dd>998-72-3567</dd>
        <dt class="AspNet-DetailsView-Even">Last name</dt><dd class="AspNet-DetailsView-Even">Ringer</dd>
    </dl>
    <div class="AspNet-DetailsView-Footer">      
    </div>
    <div class="AspNet-DetailsView-Pagination">
      <span class="AspNet-DetailsView-ActivePage">1</span><a class="AspNet-DetailsView-OtherPage" href="javascript:__doPostBack('ctl00$ctl00$MainContent$LiveExample$DetailsView1','Page$2')">2</a>
    </div>
  </div>
</div>
This is obviously much simpler in the body-portion, I've already modified my Adapter, but others might want a similar experience.

http://musingmarc.blogspot.com
Russ Helfand
Asp.Net User
Re: Very cool!5/1/2006 1:23:42 PM

0/0

In situations where you have more than one value per record (i.e., you end up with more than one dd per dt, I found I couldn't create CSS that would cause the dt and all its dd tags to render on the same horizontal line in the browser.  Can you suggest how you would create CSS rules that would handle this?

Generally, I like the dl, dt, dd solution in simple cases where you have just one value per record (plus its title) but the multi-value case is a problem.

Remember that, unlike the native rendering of dl/dt/dd, the DetailsView wants to put each record on the same line, not stacked vertically with the dt above its dd value (which is what appears if you don't style them at all).

Thoughts?

-Russ-


Russ Helfand
Groovybits.com
IDisposable
Asp.Net User
Re: Very cool!5/2/2006 1:03:35 AM

0/0

Just float:left the dd's in css

 

<html>
<head>
<style>
.Odd
{
background:red;
}

.Even
{
background:green;
}

.AspNet-DetailsView dt
{
clear:left;
}

.AspNet-DetailsView dd
{
float:left;
}
.AspNet-DetailsView dd
{
float:left;
}
</style>
</head>
<body>
<div class="PrettyDetailsView">
  <div class="AspNet-DetailsView">
    <div class="AspNet-DetailsView-Header">
      Author Details
    </div>
    <dl>
        <dt class="Odd">ID</dt>
            <dd class="Odd">998-72-3567</dd>
        <dt class="Even">Last name</dt>
            <dd class="Even">Ringer</dd>
            <dd class="Even">Dinger</dd>
    </dl>
    <div class="AspNet-DetailsView-Footer">     
    </div>
    <div class="AspNet-DetailsView-Pagination">
      <span class="AspNet-DetailsView-ActivePage">1</span><a class="AspNet-DetailsView-OtherPage" href="#2">2</a>
    </div>
  </div>
</div>
</body>
</html>


http://musingmarc.blogspot.com
nokiko
Asp.Net User
Re: Very cool!5/2/2006 10:47:30 AM

0/0

just remmeber to put a <div stly="clear:both;"></div> directly afher the place where you call your control

<div>

call control here

<div stly="clear:both;"></div>

</div>

 

 


Armand Datema
5 Skins, 4 SkinObject, 38 Containers, 2 Modules and more Euro 50 a year.
SchwingNuke
Offshore DNN and ASP.net development
Container Creator
bgold
Asp.Net User
Re: Very cool!5/3/2006 1:43:10 AM

0/0

IDisposable: one point of this kit was for peopel to build even more adapters for lots of different purposes -- why don't you share the code for your <dl><dt><dd> implementation?  I'm sure people would love it and then there would be more choice out there.

Laurent posted about a great mod for doing selections on the menu control, there is a lot of potential to grow an amazing set of community built adapters.

Just my take :) and my goal for this whole project.

Thanks,
Brian


---------------------------
Brian Goldfarb [MS]
Group Product Manager
UX Platform and Tools Strategy
5 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
Major in Success: Make College Easier, Fire Up Your Dreams, and Get a Very Cool Job Authors: Patrick Combs, Jack L. Canfield, Pages: 173, Published: 2003
Baby Names Now: From Classic to Cool--The Very Last Word on First Names Authors: Linda Rosenkrantz, Pamela Redmond Satran, Pages: 480, Published: 2002
A Beginner's Guide to Very Cool Skateboarding Tricks Authors: Aaron Rosenberg, Pages: 47, Published: 2003
Statistics for People who (think They) Hate Statistics Authors: Neil J. Salkind, Pages: 403, Published: 2004
Questions from Dad: A Very Cool Way to Communicate with Kids Authors: Dwight Twilley, Pages: 171, Published: 1994
Iced: 180 Very Cool Concoctions Authors: Tim Robinson, Katri Hilden, Emma Hutchinson, Lee Currie, Pages: 416, Published: 2006
Old Farmers Almanac: Calculated on a New and Improved Plan for the Year of Our Lord 1989 ... Authors: Jed Hale, Thomas, Robert Bailey Thomas, Thomas, Pages: 0, Published: 1988
Violets Are Blue Authors: James Patterson, Pages: 416, Published: 2002
Confessions of Georgia Nicolson: Angus, thongs and full-frontal snogging: on the bright side. I'm now the girlfriend of a sex god Authors: Louise Rennison, Pages: 512, Published: 2004
You Go Girl!: A Very Cool Guided Journal Authors: Sonya Tinsley, Amy Dietrich, Pages: 80, Published: 1999

Web:
YouTube - Pool meets Dominos. Very cool trick shot Sep 10, 2006 ... A trick shot with dominos and pool balls that starts on one table before moving on to three others, via pool cue bridges.
YouTube - Very Cool 3D Medical Animation Feb 7, 2007 ... Nucleus Medical Art's 2007 animation demo reel shows surgery, anatomy, mechanism of action (MOA), and physiology produced for medical ...
Very Cool Bugs Stunning insect macrophotography combined with informative descriptions. Browse through the database and develop a respect and appreciation for these ...
Very Cool Things: otaku video dvd anime action figures gashapon ... Online US-based shop specializing in import and domestic DVD, VCD, books, gashapon, candy toys, action figures, and diecast chogokin from Japan, Europe, ...
The Daily Dish | By Andrew Sullivan (October 12, 2008) - Human ... Oct 12, 2008 ... Human Dignity In Very Cool Font Animation. A gorgeous visual play on the words in the Universal Declaration of Human Rights: ...
Very Cool Virus Hoax - Symantec.com Symantec Security Response: comprehensive, global, 24x7 internet protection expertise to guard against complex threats, including virus, spyware.
Very Cool! Focus sulle tendenze nella Moda e nel Design Blog dedicato alle tendenze nella Moda. Le ultime notizie su scarpe, borse, accessori, sfilate, celebrità, modelle, lifestyle....
Internet Marketing and Website Promotion from Cool Site of the Day Well-known daily awards site published by C Notes Interactive.
Scobleizer — Tech geek blogger » Blog Archive AOL shows very cool ... AOL shows very cool stuff. Think you know that AOL can’t innovate or do anything cool? Check this video out where they show off a bunch of cool stuff. ...
Alagad: SVNKit, ColdFusion, and you... very cool Java+CF stuff Oct 23, 2008 ... On a bit of my own time last evening, I was looking over the beta version of Broadchoice Workspace (which is pretty durn cool in and of ...

Videos:
Pool meets Dominos. Very cool trick shot A trick shot with dominos and pool balls that starts on one table before moving on to three others, via pool cue bridges. Pretty amazing stuff. Ver...
russian climbing crazy!!
Chris Rock Introduces Barack Obama Chris Rock does stand up before introducing Barack Obama. His jokes included Hillary Clinton, George Bush, and Katrina.
All Together Recorded Live at Winfrey Houston Theater in Stillwater, OK. Video: Beau Leland Audio: Skylar Gray
Sand Sicaf This is amazing Sand Art, you have to see it to understand what i mean. A man will throw sand onto a wall-projector then manipulate it to beccome im...
A Real Choice On November 4, 2008, give liberty a chance. This election doesn't have to be between the lesser of two evils. Americans need a choice, and Liberty ne...
Lecha By The Chevra - Created by David Lavon The Legendary Video Is BACK!! David Lavon's film for Lecha Made by the Chevra MAZAL TOV! Yatir Offer Is Kli and Nose [email protected] ;)
very cool Hip Hop Acapella A very cool Version of ain't no Sunshine
Radio Control (RC) Jet Concorde Aircraft. Very cool. Radio contrelled jet concorde aircraft goes for a flight along with two jet escorts. These airplanes look almost like the real thing. Very cool.
The iPhone & The Future Of Ubiquitous Computing For my Spring 2007 Digital Culture class, I had to do a video version of my paper on ubiquitous computing and multi-touch technology, examining among...




Search This Site:










wizard control, navigation buttons at top and bottom

loginstatusadapter requires membershipprovider

is css control adapters compatible with webpart and webpartzone controls?

bug? login control fires onloggedin and onloginerror twice with css friendly adapters

treeview dynamic node population

menu adapter with security trimming problem

positioning the menu

problem in using horizontal style

securitytrimmingenabled treeview adapter

alternate rendering for login control

bound and template headertext overlaying datafield and itemtemplate text when rendering prettydetailsview

css syntaz question

gridviewadapter - support for row.cssclass

do i need all the css files being linked?

treeview style help

excluding control from css adapter

custom attribute for asp control

problem on menu control example?

stylesheet question

detailsview headers getting mashed up at top of control

how can i modify the html output from the gridview?

how to override styles dynamically in treeview control

microsoft oks community development of these adapters

dodgey formatting

css friendly treeview ignoring treenode renderpretext and renderposttext

aspnet-menu-withchildren aspnet-menu-childselected

login extender jiggle

pager template in gridview

turn of css adapter for selected controls

beta 3: menu not firing menuitemclick event

  Privacy | Contact Us
All Times Are GMT