Is there a way to force the asp:Menu control to spit out ul and li instead of tables, so that I can use my existing css styles to style them correctly or is that a lost cause?
I'm trying to style an asp:Menu, so that when I hover over a child menu, all the parent menu's will have the background mouse over selected colour. (Take a look at the win xp start menu for example, with default theme blue, all parent menu's will be highlighted as blue if a child is selected) At first I thought this was something simple, but after intense researching (google), I am beginning to wonder...
I'm in the process of styling an asp.net menu in .NET 4 and I'm trying to understand the meaning of the StaticSelectedStyle-CssClass and StaticHoverStyle-CssClass parameters.My understanding is that the styles defined with these parameters are applied as CSS classes to the relevant elements, whenever needed. So I created my menu as follows:
[Code]....
It works for StaticMenuStyle-CssClass and StaticMenuStyle-CssClass (the classes are applied to the relevant elements), but StaticSelectedStyle-CssClass and StaticHoverStyle-CssClass are not applied, regardless of the selected or hover status of an element. Here is the generated HTML:
[Code]....
So as you can see, StaticMenuStyle and StaticMenuItemStyle are applied, but not StaticSelectedStyle-CssClass or StaticHoverStyle-CssClass. Not sure why. I know I can use selected but isn't the expected behavior that StaticSelectedStyle-CssClass be applied??? By using selected I make assumptions as to what .NET does behind the scenes and that's not right.
At first glance this looks like exactly what I wanted. However, if I open up WebResource.axd there is a whole bunch of javascript code related to the menu. Part of this code is applying it's own inline styles to the list. Using FireBug I can view the HTML markup after the javascript has executed and it looks something like this:
[code]....
These inline styles ultimately affect the layout of my page. I have no need for any of the scripts in WebResource.axd. How can I prevent this script from being rendered in the final markup of the page?
I have seen many web sites using a vertical line as separator, between menu items. How can I create a menu with that line..?Is there any link about styling menu control ?
using .net 4 and vs 2010 I have a gridview control that refuses to wrap the text in one column in IE 8, Safari 5 and Chrome 5, resulting in the grid extending outside of the page wrapper. I've got it to behave in IE 7 by creating a CSS class like so:
[Code]....
FF and Opera seem to rendere it correctly without any styling whatsoever. I've tried using the <ItemStyle wrap="true" /> property with no success. I've tried setting the wrap property in the designer with no success.
Im loading some results from a SQL Stored procedure into a Grid View. From my stored procedure I simply get 2 columns returned, Details and Savings, the savings are being returned in the format 30.50123 I want to limit this to 2 decimal places and put a euro sign in front of it like so €30.50, I have managed to do this however its adding a new "savings"column to my Grid view which I obviously don't want. So I now have a savings column with the correct format of €30.50 and my 2 columns from my stored procedure
I have a gridview control having the following columns.
ContestantID Public Votes Judges Votes Public Percentage Total Schedular ID Formula 4 200 1 51.282 330 2 130 3 190 2 48.718 450 2 260 2 1 ?? 25 1 1 ?? 1 3 ?? 75 3 1 ??
On the basis of SchedularID i want to compare the value in column total and make the one with higher value as bold. But the problem is i am calculate the Total column at run time inside Row databound even. So any solutions?
I have a grid view that always displays even number of rows. Is it possible to apply same styling for two contineous rows. So for example there would be different background color for rows no 1,2 and 3,4 I would prefer to do that in code behind.
I have a gridview which i was trying to set the row that was currently selected to a different color.. i have used the SelectedRowStyle and works fine, but my needs are to highlight the row regardless of what button or link was clicked on within the row.. thats my description of "selected" i know that that the styles are based on events.. but i dont care if you click on edit, select, delete or any other button within the row.. i want to highlight the row so you know what record you are working with.. if i add the EditRowStyle, then if i selected row 5 it highlights.. no biggy, but with the edit row style, if i then click edit on row 2, then i have 2 records highlighted.. Is there not any way to determine if anything was done within a row and highlight it?
In the example below I have set the control style to 'controlName' I want to use this class to define what my textbox looks like in edit mode. This works ok, so far so good. The Problem In a button event I add the class "validationError" to this textbox if the data is incorrect. When the grid gets rendered I expect to get 'controlName validationError as the class applied to the textbox. Unfortunately, it seems that the declarative statement overrides this and simply ends up as 'controlName' how I can intercept the application of the declarative class so that I get what I desire here?
I'm looking for a good jQuery or CSS, or combo, library to enance my left side menu in an an intranet application. I don't like the 'hover only' expand/collapse style of the ASP.NET Menu control on its own, and I don't like the 'icon-click only' expand/collapse style of the TreeView control on its own.
I plan on trying the CSS Control Adapters, to render the menu with some self-respect, i.e. as nested <ul> or <ol> elements instead of the usual orgy of tables. Beyond that, I need something to give a bit of style and menulike behaviour to these nested lists, and I would prefer a jQuery plugin for this. Which should I use?
I want to create a form that will update an existing database record based on a querystring value passed to the page say UserId.
Rather then using data-bound controls such as the FormView, DetailsView, etc, I would like to use textbox controls, a dropdownlist and a checkboxlist to accomplish this alone. Is this possible? How do I go about binding the data from the database to these controls when the page is loaded and what data source should I create?
Im using VS2008 with no 3rd party controls so its completely standard. Ive seen Web Sites that the "display area" is central to the page and will behave like this when the Web page is resized.
Like http://www.asp.net/ home page
What is the control name(if it exists)? There are Navigation controls available but I cant get them to look professional.Are there any links to show how to set these to look modern and fresh? (again like asp.net tab menu at the top)Id rather not go out and buy 3rd paty controls if possible.
I need to add multiple gridviews to a page displaying different data but of the same structure - the data has a lot of columns and I need it formatting quite tightly - is there a way of creating a template gridview in design mode and then somehow using that however many time I need to in the page as a template.
I do have the following code for for a GridViewd that display pictures that are stored in a file. I am using AutoNumber(GUID) from the database to name the pictures before I stored them to the file. I can save up to 4 pictures using the same AutoNumber but adding these ending to it, Pic1, Pic2, Pic3 ,,,,etc.
The problem that I am having is that after I get the AutoNumber from the database, I want to display a standard picture on the GridView field if there is not particular picture associiated to this record in file. The name of the standard picture is located in the same file under the name of NoPicture.gif. How can I do this? So far this is my GridView code and it is working fine:
I am using a css stylesheet in one of my web pages. The styles work perfect for Mozilla and IE 7 and below. However theres a problem with it in IE8 and safari.
The width of class in the css is 700px. I have used a contentplaceholder in the master page from where this web page inherits. Now in IE8 it displays a little less than 700px. I think it displays a width of 600px. How can I solve this problem? Is there a tool for IE 8 similar to Firebug?
EDITED: I have figured exactly where the problem is by debugging the page source and the css. I dont know how I can change the width and alignment for ONLY IE8
I have fixed it for IE8 but having issues with Mac Safari. Anyway to target ONLY safari?
From tools, options, HTML designer, CSS Styling, I checked "Change positioning to absolute...", clicked OK, but never save it. Every time when I open the project, it became uncheck again.
Whenever a user of my application first hit my application, it checks the querystring passed in and store and set the page styling throughout the site.Where is it best to add this check on my page? Master Page on page_load?How to store all the styling variables, so it can be reused throughout the site? Session?
There are no themes defined for this site. Any ideas what is going on? EDIT I created a new web site in VWD Express and copy and pasted my gridview code, which resulting in the following HTML being rendered:
