CodeVerge.Net Beta


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




Can Reply:  No Members Can Edit: No Online: Yes
Zone: > NEWSGROUP > Asp.Net Forum > microsoft_downloads.css_friendly_control_adapters Tags:
Item Type: NewsGroup Date Entered: 11/4/2006 5:51:43 PM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
NR
XPoints: N/A Replies: 4 Views: 392 Favorited: 0 Favorite
5 Items, 1 Pages 1 |< << Go >> >|
dwilliams459
Asp.Net User
Menu Divider or Seperator using CSS and or CSS adapters.11/4/2006 5:51:43 PM

0

Great work on the Adapters.  I am attempting to create a menu with separator via CSS between specific items.  Please refer to http://forums.asp.net/thread/1449615.aspx for more detail with regards to plain (non css adapted) menus.  Is it possible using CSS adapters to specify a divider or separator between specific menu items, preferably using styles/css such as a border-bottom: 1px or even a 1 px high span/div tag with a background color?  Please note I don't want to apply this to all items in the menu, just specific ones.  Can this be done through modifying css classes, or would the adapter code need to be modified.  I am new to CSS adapters, perhaps someone can please point me in the right direction?  Thanks!  Example:
 
SubMenu
MenuItem 1
MenuItem 2
-----------------  < Preferably a style/css, not an image
MenuItem 3
MenuItem 4
 
 
 

David Williams MCP
.Net Senior Developer
dwilliams459
Asp.Net User
Re: Menu Divider or Seperator using CSS and or CSS adapters.11/6/2006 2:22:45 AM

0

Scott Guthrie's Blog entry at http://weblogs.asp.net/scottgu/archive/2006/05/02/CSS-Control-Adapter-Toolkit-for-ASP.NET-2.0-.aspx was very helpful in helping me navigate through the menu adapters code.  In looking at the CSS Adpaters Tutorial, I see I can modify the App_Code/Adapters/MenuAdapters.vb - BuildItem method.  I can append another css class to those already applied such as " ASP-Net-Divider", and specify the styles for this divider class in the CSS/Menu.css or the file. 
 

David Williams MCP
.Net Senior Developer
sstewart
Asp.Net User
Re: Menu Divider or Seperator using CSS and or CSS adapters.11/29/2006 5:24:09 PM

0

I don't know if this will help you but I got seperators to work with a sitemap.  You can still customize the <hr /> tag with css if needed.

<?

xml version="1.0" encoding="utf-8" ?>

<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >

    <siteMapNode url="" title="" description="">

        <siteMapNode url="MenuItem1.aspx" title="Menu Item 1" description="Menu Item 1 description" />

        <siteMapNode url="MenuItem2.aspx" title="Menu Item 2" description="Menu Item 2 description" />

        <siteMapNode title="&lt;hr /&gt;" />

        <siteMapNode url="MenuItem3.aspx" title="Menu Item 3" description="Menu Item 3 description" />

        <siteMapNode url="MenuItem4.aspx" title="Menu Item 4" description="Menu Item 4 description" />

    </siteMapNode>

</siteMap>

Thacker
Asp.Net User
Re: Menu Divider or Seperator using CSS and or CSS adapters.11/29/2006 8:42:53 PM

0

If this is something that is going to be considered, particularly for horizontal menus, possible consideration might be given to being able to use any ASCII character to separate the adjacent links.  The ability to apply a CSS style so that the characters could be hidden would also be advantageous.

Such a thing would satisfy the W3C Accessibility Guideline 1.0, Priority 3, 9.5 -- "Separate adjacent links with more than white-space."  Border attribute via style sheet is not enough to satisfy this requirement. A few designers might appreciate the ability, for example, to add a horizontal bar between menu items.

Thacker
Asp.Net User
Re: Menu Divider or Seperator using CSS and or CSS adapters.11/29/2006 10:08:06 PM

0

Disregard the above.  The Priority 3, Section 9.5 of the Guidelines are met and do not need an ASCII character between the links.  The horizontal menu is rendered inline by the style sheet.  Since a Braille reader doesn't interpret style sheets, the menu links are separated by a line return, bullet, whatnot, by virtue of the unordered list definition. Apologies for any confusion.

Thanks for the sitemap node title suggestion of &lt;hr /&gt; for a horizontal rule separator.   An additional alternative for those who want to add a style to an ASCII character to the specific separator would be:   <siteMapNode title="&lt;span class='Specific_Class_Name'&gt;|&lt;/span&gt;"/>  You can define the class of the span to format the ASCII, in this case a vertical bar, character.  Sort of down and dirty but it works and validates.  Just keep in mind that when style sheets are disabled, the separator will render as a list item.

5 Items, 1 Pages 1 |< << Go >> >|


Free Download:


Web:
Menu Divider or Seperator using CSS and or CSS adapters. - ASP.NET ... Is it possible using CSS adapters to specify a divider or separator between specific menu items, preferably using styles/css such as a ...
CSS Friendly Control Adapters - ASP.NET Forums Menu Divider or Seperator using CSS and or CSS adapters. by dwilliams459 ... How to modify the item class created by CSS Friendly Adapter by wll6568 ...
CSS Friendly Control Adapters on Forums - ASP.NET Forums | BoardReader Re: Menu Divider or Seperator using CSS and or CSS adapters. Started 5 days, 3 hours ago (2009-05-29 10:25:00) by tmargot ...
molly.com ยป What Content Would You Generate? (6) graphical rules and dividers before or after an element without .... If we start using CSS to generate content, we're going to run into the same ... NET menu control adapters are used, to insert printable characters, .... For IE, I usually append an image of the separator as a background image of the list item. ...
copied esteewhy's IsRecycled extension method - applied esteewhy's ... Menu control - updated splitter code for chrome compatibility - applied ... the aspect controller concept to content adapters - fixed #21648: Tiny mce problems .... navigating in preview - separator - languages in right-click menu - wiki .... when using name editor - css copy warning - filemanager upload ie6 css ...

Menu Divider or Seperator using CSS and or CSS adapters ... Is it possible using CSS adapters to specify a divider or separator between specific menu items, preferably using styles/css such as a ...
Using Css with the Menu Control - ng.asp-net-forum ... Menu Divider or Seperator using CSS and or CSS adapters ... Is it possible using CSS adapters to specify a divider or separator between . ...
How To add " | " seperator into Horizontal menu - ng.asp-net-forum ... Menu Divider or Seperator using CSS and or CSS adapters ... Menu Control Horizontal Divider between certain Items. ...
css toolkit adapters- apply css style to gridview row in code (c# ... But this property is ignored by CSS Control Adapter and makes it impossible to style individual ... set the css-friendly menu properties programmatically ...
Using an image instead of title in a siteMapNode - ng.asp-net ... Menu Divider or Seperator using CSS and or CSS adapters ... Thanks for the sitemap node title suggestion of
for a horizontal rule ...






visual studio hangs when creating a new website after installing the css controls vsi file

how stable are these adapters now?

problems to adopt menu adapters on menu control

beta 3 error message on detailsviewadapter

how do i make only one control to use css adapters

css adapter changes login control behavior

treeview with three state chechbox

menu - browserspecificcss - iemenu.css

javascript namespaces

radiobuttonlist adapter (for yuval)

right to left dynamic vertical menu with css friendly control adapters.

remove right arrow on horizontal menu

login failed

.aspnet-menu-selected problems

cssfriendly gridview lost row clickability

menu control edges

menu works great in ie7, not in ie6

parent menu (horizontal) and child menu (vertical) how to have parent show selcted when a child option is being displayed.

show/hide menuadapter problem

phantom menus

emptygridview and the gridviewadapter

webpart not rendering properly when added from catalog

veritcal menus ie6

ok,i'm trying to replicate the enhanced horizontal menu example

web.config - adding css friendly adapters to existing website

using css adapters in already built site

fixing the checkboxlist so that checkboxlist.enabled = false; and checkboxlistitem.enabled = false; disables the checkboxes.

login control does not resolve "~/" when css adapter is enabled

wai accessibility and javascript (not ajax-related)

positioning adapted gridview in adapted detailsview itemtemplate...

   
  Privacy | Contact Us
All Times Are GMT