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 > general_asp.net.master_pages_themes_and_navigation_controls Tags:
Item Type: NewsGroup Date Entered: 6/3/2007 6:52:39 PM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
NR
XPoints: N/A Replies: 4 Views: 52 Favorited: 0 Favorite
5 Items, 1 Pages 1 |< << Go >> >|
m24paul
Asp.Net User
How can I use image in Menu control?6/3/2007 6:52:39 PM

0

Hi
I use MasterPage with SitemapDatasource and asp:Menu control.
I try to use theme and images for menu. In skin file I have defined cssclasses.
My problem is with background image for menu item. How can I make this to show properly? I would like to display this image for all menus ( diferent width ) !

CSS for menu item loks like:
.tabItem
{
 background-image: url(~/App_Themes/CTMS/MenuItem_small.png) tile;
 background-position: center center; 
 text-align: center;
 vertical-align: middle;
 padding: 0px 0px 0px 1px;
 background-color: transparent;
 cursor: pointer;
 top: 2px;
 width: 100%;
 max-width:250px;
 min-width: 150px;
}

TIA,
Paul

Amanda Wang - M
Asp.Net User
Re: How can I use image in Menu control?6/4/2007 7:08:45 AM

0

Hi,

Reference the DynamicmenuItemStyle's CssClass property to your CSS class, and use related  directory at backgroud-image: url property. just like:
 
 background-image: url(../CTMS/MenuItem_small.png);

 

hope it helps.


Please remember to mark the replies as answers if they help and unmark them if they provide no help.


Yours sincerely,
Amanda Wang
Microsoft Online Community Support
m24paul
Asp.Net User
Re: How can I use image in Menu control?6/4/2007 2:42:54 PM

0

That's ok for submenus, but I need to aply an image in background for menu (top level).
I try to create a menu to look like MacOS menu.

Paul

m24paul
Asp.Net User
Re: How can I use image in Menu control?6/4/2007 2:43:04 PM

0

That's ok for submenus, but I need to apply an image in background for menu (top level).
I try to create a menu to look like MacOS menu or something like this: http://www.amazon.com/Sandisk-Memory-Stick-Micro-1GB/dp/B000HZ8942 .

Paul

Amanda Wang - M
Asp.Net User
Re: How can I use image in Menu control?6/5/2007 10:10:40 AM

0

Hi,

You  also can apply  an image in background fot menu(top level.), you need to set the cssclass both in the StaticMenuItemStyle and DynamicMenuItemStyle

    <StaticMenuItemStyle  ForeColor="Black" HorizontalPadding="35px" Width="150px"
        VerticalPadding="2px" BorderColor="SteelBlue" BorderStyle="Solid" BorderWidth="1px" CssClass="ddy" />
        
    <DynamicMenuItemStyle  ForeColor="Black" HorizontalPadding="0px"
        VerticalPadding="2px" BorderColor="SteelBlue" BorderStyle="Solid" BorderWidth="1px"
         Width="150px"  CssClass="ddy" />

.ddy
{
 background-image:url(../../image/007004.gif)
}


Please remember to mark the replies as answers if they help and unmark them if they provide no help.


Yours sincerely,
Amanda Wang
Microsoft Online Community Support
5 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
BEGINNING ASP.NET 3.5 IN C# AND VB Authors: Imar Spaanjaars, Pages: 768, Published: 2008
Professional ASP.NET 2.0 Authors: Bill Evjen, Scott Hanselman, Farhan Muhammad, Srinivasa Sivakumar, Devin Rader, Pages: 1253, Published: 2005
Photoshop Elements 3 For Dummies Authors: Deke McClelland, Galen Fott, Pages: 390, Published: 2005
Core Internet application development with ASP.NET 2.0 Authors: Randy Connolly, Pages: 1049, Published: 2007
The Hasselblad Manual Authors: Ernst Wildi, Pages: 415, Published: 2008

Web:
Using Images with the Menu Control You can use images to indicate additional child menu items available when the mouse pointer is positioned over a menu item. You can also use images to ...
Menu Class (System.Web.UI.WebControls) You can also optionally display an image in a menu item by setting the ImageUrl property. ... The Menu control can use any hierarchal data source control, ...
Menu control and images Menu control and images. Hi I'm trying to use the menu control but o would like ot use images instead of text. I can't get it to work. ...
CustoMenu - major menu control - Joomla! Extensions Directory Nov 24, 2008 ... It gives you full control over the display of your menu. .... The ability to use images in menus is something that I have wanted to be able ...
ASP.Net Menu Control background image with CssClass : menu ... Sep 29, 2007 ... menu, control, image. Hi, Trying to place a backround image for StaticMenuItemStyle, StaticHoverStyle & StaticSelectedStyle by using the ...

Using an image instead of title in a siteMapNode - ng.asp-net ... Here is a way which use the OnMenuItemDataBound event to set the custom properties. It can then be used to set custom image for the menu ...
SiteMapPath with Image as PathSeparator? - ng.asp-net-forum ... how can I use an image as PathSeparator? I tried something like this but it didn 't ... menu control : multiple dynamic sub menues stays up ...
Horizontal menu hover image - ng.asp-net-forum.microsoft_downloads ... you can simply use li:hover. If you pair these selectors (like shown above) ... I?m creating sub-folders dynamically, and the menu images referenced by the ...
Hiding the StaticBottomSeparatorImageUrl for the last item in a ... Using the Menu web control, I cannot apply a different CSS class to the last ... You can accomplish this by making an image of the vertical ...
Modalpopup and masterpage - ng.asp-net-forum ... NET Forums as you can see in the image below, I'm having a problem with MasterPages and ModalPopups. ... using the dynamicmenustyle on the menu control ...

Videos:
JVC Sound and Gesture Recognition TV : DigInfo http://movie.diginfo.tv DigInfo News Using a microphone and camera integrated in this prototype TV, JVC unveiled a new way of controlling your ...
How to Download/Use FLELE ~*PLEASE READ*~ -Edit 4/25/2008- I made another video on how to download the shells, please check it out! http://www.youtube.com/watch?v ...
Imaging: Online Images Episode 20 (of a 25-part series) This Nortel LearniT tutorial reviews images found online.
How to hack a phone using bluetooth A clever little program that allows you to control a phone through bluetooth, without anyone knowing, tested on w850i and w550i, enjoy! In This ...
Image and Timewarp Effects - Making the Move (Sample 6 of 6) Full Course Available as a CD-ROM: http://www.avid.com/mc100 There are a number of new Image effects available to you in Media Composer. In ...






events in custom controls

drop down list

system.collections.generic.sorteddictionary

book recommendations appreciated

if not page.ispostback then

.aspx directory

pop3 access help

how to strike-through text via <font> or ?

can anyone solve this user control error?

doc file on fly

post-back behaviour in forms ...

uploading images/files to server

removing zero's from a string

simple is beautiful

website which needs a daily scheduled routine?

is firefox making twice request to server?

cookies problem

page postback

trouble installing msde

charts

creating different version number for a custom object(dll file)

question regarding local host reference and iis

datarowview changes not being saved

problem with buttons on my aspx page

inheriting vb file in c# ??

display an image from sql server in datalist

global.asax - going backwards?

question

panels in tables

why to use asp.net

   
  Privacy | Contact Us
All Times Are GMT