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?
View 2 RepliesI 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.
View 7 RepliesWhy is the following asp.net code not including styling information when being rendered to HTML?
<asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333"
GridLines="None">
<RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
<FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
<HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
Here is the HTML that is rendered:
<div class="AspNet-GridView" id="GridView1">
<table cellpadding="0" cellspacing="0" summary="">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Age</th>
<th scope="col">Sex</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ronnie</td>
<td>25</td>
<td>M</td>
</tr>
<tr class="AspNet-GridView-Alternate">
<td>Tina</td>
<td>25</td>
<td>F</td>
</tr>
<tr>
<td>Lukus</td>
<td>4</td>
<td>M</td>
</tr>
</tbody>
</table>
</div>
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:
<div>
<table cellspacing="0" cellpadding="4" border="0" id="GridView1" style="color:#333333;border-collapse:collapse;">
<tr style="color:White;background-color:#990000;font-weight:bold;">
<th scope="col">Name</th><th scope="col">Age</th><th scope="col">Sex</th>
</tr><tr style="color:#333333;background-color:#FFFBD6;">
<td>Ronnie</td><td>25</td><td>M</td>
</tr><tr style="color:#333333;background-color:White;">
<td>Tina</td><td>25</td><td>F</td>
</tr><tr style="color:#333333;background-color:#FFFBD6;">
<td>Lukus</td><td>4</td><td>M</td>
</tr>
</table>
</div>
Something is keeping styling information from being included in my original project.
im styling my asp labels using css and table. unfortunately the page shows the titles before the animal is loaded even. is there anyway i can hid them look at my screenshothttp://img229.imageshack.us/img229/3060/websitefn.jpg
View 5 Repliesi am "attempting" to use the Menu control to dispaly a static site map. To do this i simply set my StaticDisplayLevels to 10 to ensure the 4 levels of navigation i have all show up. this works fine but we require styling the upper level items differently from the lower items. Since i am not using Dynamic items i can't set DynamicItemStyles separate from StaticItemStyles (if anyone knows how to keep other levels dynamic but force them to stay expanded im all ears!)
Anyways i set an even on the MenuItemDataBound that gets rid of hidden elements and i wanted to use this similarly to a repeater control to hook into the hyperlink i have in the StaticItemTemplate and set a class. Only problem is using e.Item does not allow for a "FindControl" method. Is there any way to cast a menu item as a ListItem or somethign where i can actually try to find the control within it?
Or any other alternatives on styling levels differently. I noted that the e.Item has a propert of Depth which i can use to determine how to style it. just can't seem to get into the item to find any controls.
I'm migrating a large number of stand-alone pages into content pages. Most of this involves little more than copying and pasting a GridView from one page into the new page. However, I find that styling disappears in the new project, i.e. the styles (as classes) are still present in the stylesheet, but these classes are no longer applied to GridView table elements. Example, in the old project, once a table is rendered by the GridView, its header row has a class of HeaderStyle, but in the new project this is lost, without any editing of the GridView. Is there some mysterious, built-in mechanism that automatically applies these attributes to GridView elements that I have somehow disabled?
View 1 RepliesI've got the validator callout on my site and I've not been able to figure out how to style it. I don't want anything fancy- just want to change the background colour and text colour.
View 2 RepliesI have a piece of piece of HTML which looks like this -
<div id="moduleList">
<ul>
<li class="noBorder"> </li>
<li class="noBorder">
<span class="currentTabLeft"> </span><span class="currentTab">
<a href="Welcome.aspx"
id="grouptab_0">Home</a>
</span><span class="currentTabRight"> </span>
[Code]....
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 have this issue which isstopping me from completing my web forms.
there are checkbox lists and radiobutton lists in my page. In FF, they are displayed properly. But in IE, there is an extra box around the checkbox and an additional circle around the radiobuttons. I tried using different stylehseets with no results.
I'm adding items dynamically when a row is selected from GridView.
1. How can i make the items added are selected by default - (solved)
2. How can i avoid duplicates getting added to list
3. How can i remove them from list when user un-checks them.
And I want to change checkbox with an image and I'm using css like following but it is not working
.cbxCustom
{
...
}[code]....
I am running out of ideas for my styling of the dynamically displayed data.
[Code]...
I have an asp.net button on a web page.
The OnClientClick code disables the button so that the user cannot submit more than once. It also changes the text of the button to "Please wait..."
Trouble is, because it is getting disabled the "Please wait..." text looks rubbish... How can I style the button so that even though it is disabled, it looks enabled, within javascript.
<script type="text/javascript">
function btnSubmit_ClientClick(Client) {
var ok = Page_ClientValidate();
if (ok) {
[Code]....
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.
Here's the source of a blank .acsx file I created called LogOnBox.
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="LogOnBox.ascx.cs" Inherits="ECommerce.Views.Shared.LogOnBox" %>
I want to drag some labels, and textboxes etc and give them style using a CSS file. How can I associate a CSS to an acsx file?
I'm using Visual Studio 2010 and ASP.NET 4.0 to render a Menu control as an HTML list so I can style it using CSS. Here is the code I am using below
<asp:Menu ID="navlist" runat="server" Orientation="Horizontal"
SkipLinkText="" ClientIDMode="Static" DataSourceID="MenuSource"
MaximumDynamicDisplayLevels="0" IncludeStyleBlock="False"
StaticDisplayLevels="2">
</asp:Menu>
This produces the following HTML
[Code]....
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?
Using VS2008, .NET 3.5, and C#. The page contains (among other things) a dropdownlist and an objectdatasource. The Page_Load event fires the objectdatasource's Select event. The Selected event iterates through the returned datatable, feed each row into a ListItem, checks to see if a certain column is True or False and, if true, changes the styling for that row to color:red. Finally, the listitem is bound to the dropdownlist. The end users sees all of the dropdownlist items that are false in black and the items that are true are in red. Works perfectly. However, as soon as any item is selected, the page does a postback and the font colors in the dropdownlist revert to the default black. Is there a way, other than rerunning the method that iterates through table and creates the listitems, of maintaining the coloration of the items? Is there a ViewState setting or something?
Here is the dropdownlist and objectdatasource's Selected event:
[Code]....
[Code]....
In Displaying Data in a Chart tutorial there is a secion that talks about styling a chart. It mentions that there are many ways you can style a chart but then it just goes on talking about how to apply a theme. I want to style the chart myself but can't for the life of me figure out how to do so.
View 8 RepliesI'm trying to use WebParts and I'm about ready to pull my hair out due to a couple of issues:
1.) Whenever I open my page up in Firefox, the dropdown that holds the verbs is being rendered as a row of hyperlinks across the top of the title bar. Since I put in custom verbs, this makes a single part as wide as the page and look terrible. How do I fix this?
2.) Are there any resources out there that show how to restyle the chrome and the drop down list that has the verbs?
I have an asp.net 2.0 web app where I use C#. I have an HTML file input control that I would like to style, but I can't seem to find a way to do it. I actually wanted to change the color of the textbox. I looked online but I couldn't find any proper solutions.
View 2 RepliesI am creating a menu at runtime, containing this:
Code:
dividor3 = "<td onmouseover=""shomainlinks()"" style=""z-index:13001; font-weight:bold; width:10; vertical-align:center; color:rgb(180,30,40);"">ยป</td>"
The menu (there are other string components as well) is then added to a div as a literalcontrol.
Code:
<div id="mainlinks" class="tpsubmenu" runat="server" style="z-index:13000;"></div>
Everything works. But when I assign a css class to the div, the shomainlinks() function doesn't fire. Otherwise it does.
Code:
.tpsubmenu{position:absolute; display:none; width:300px; border:1px solid rgb(200,140,80); background-color:rgb(250,250,250);}
I should also tell you that I have another string, dividor4, identical but for the name of the function that does not have css styling, and that one works as it should.
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.
How to style ajax modal popup extender control just like in forums.asp.net site which when loaded displays a modal popup with close button. i dont want to show the popup every time if an user submits or cancels the popup once.
View 7 RepliesI am using ASP.NET MVC 2 & C#. I want to include/embed an html page (raw text & styling; no forms) in one of my views as is without my own css styling (read: The site.css styles for the ASP.NET MVC 2 application itself) affecting it. I can access the page statically and open it in a new window and it retains it's styling; however, if I do:
<asp:Content ID="loginContent" ContentPlaceHolderID="MainContent" runat="server">
<!--#include virtual="~StaticInstructions.htm" -->
</asp:Content>
The styling from the html & the site.css in the web application seem to get merged. I've added the following ignore route entries as well: routes.IgnoreRoute("{resource}.html/{*pathInfo}"); I also tried making a partial view control with the raw html in it and rendering that here. That gives the exact same results as this.
yes can search google but there are thousand of results
by your experience which links give the best for a beginner who has to make some website using it within a month.
i mean the styling, the ways to style the footer (you knw the copyright message)using vs08 c# aspx