CSS ID Selector Not Working But Class Selector Does?
Feb 21, 2010
I am having a problem in that a style is not being applied when I used an "ID" selector (#btnOK). However, if I use a class selector (.btnOK, by changing the "#btnOK" to a ".btnOK" in the CSS file), the style is applied.
The style IS also applied in design mode, but not at run time. It's findingf the css file, else, the class wouldn't be applied. Case sensitivity match on the ID.
In the web page:
<link href="CSS/CvCost.css" rel="stylesheet" type="text/css" />
<asp:Button ID="btnOK" CssClass="btnOK" runat="server" Text="OK" ValidationGroup="Add"/>
In CSS/CvCost.css:
#btnOK{
margin-right:5px;
margin-top:5px;
float:right;
width:75px;
height: 25px;
}
View 2 Replies
Similar Messages:
Feb 14, 2011
More specifically, given a set of style sheets that define a class selector called "content_title", is there a way to apply that style to all <h1> tags without changing each one to <h1 class="content_title">, i.e. to effectively apply that class to all instances of a given element?
The context is that I'm trying to apply HTML and CSS from a graphic designer to existing web applications and some of the selectors don't match up very well.
I have an ASP.NET web forms application that uses master pages and a theme. I've been given an HTML sample/template that that includes several style sheets.
So I updated my master page to use the new design, and now it looks something like this:
<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="MyMaster.master.vb" Inherits="MyApp.MyMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!-- these are the new style sheet from the graphic designer -->......
My goal is to use the designer's style without having to edit every content page that includes an <h1>.
I could copy the styles from the designer's CSS to the stylsheet in my app's Theme (substituting the class selector for the tag, of course), but then i wouldn't really be using the source CSS and I'd have to do this again the next time the external CSS changes.
I'm also not likely to get the external CSS changed to fit my app.
So is there something clever I can do to make <h1> == class="content_title" with respect to the application of styles, or will I have to bite the bullet and update each and every one of my content pages?
View 4 Replies
Aug 3, 2010
I'm working on some basic form validation styles for an ASP.Net website. I need to select all span elements that are visible, and add a css style to another element. (Just to indicate which input fields are invalid.) The below code works like a charm in FF and Safari, but fails in IE. I've narrowed the problem down to the :visible selector. Here's the jQuery code. IMPORTANT NOTE: Production site is running jQuery 1.3.1 There were changes made to the :visible selector in 1.3.2 release notes
$('span.inputError:visible').each(function() {
$(this).parent().parent().prev('td').children('label').children('span').css('color','red');
});
Here's the rendered HTML it's intended for:
<table width="100%" cellspacing="0" cellpadding="3" border="0">
<tbody>
<tr>
<td valign="top" style="text-align: right;" class="address_labels">
<label><span>*</span> First Name: </label>
</td>
<td>
<span id="ctl00_CMain_txtFirstName_wrapper"><input type="text" style="width: 190px;" invalidstyle="inputError" class="radEnabledCss Input" name="ctl00_CMain_txtFirstName_text" id="ctl00_CMain_txtFirstName_text" size="20" value=" zdogg"><input type="text" value=" zdogg" style="border: 0pt none ; margin: -18px 0pt 0pt; padding: 0pt; overflow: hidden; visibility: hidden; width: 1px; height: 1px;" name="ctl00$CMain$txtFirstName" id="ctl00_CMain_txtFirstName"><input type="hidden" name="ctl00_CMain_txtFirstName_ClientState" id="ctl00_CMain_txtFirstName_ClientState" autocomplete="off"></span>
<div>
<span style="color: Red; display: none;" class="inputError" id="ctl00_CMain_valFirstName">First name is required</span>
</div>
</td>
</tr>
</tbody></table>
View 1 Replies
Apr 30, 2014
How to find the particular label from grid on jQuery class selector? My jQuery code as
<script type="text/javascript">
$("#<%=dgv_buslayout.ClientID%> tr:has(td)").click(function (e) {
var selTD = $(e.target).closest("td");
var $target = $(e.target);
//alert($("label.hideIdLabel").text());
alert($(this).find("label.hideIdLabel").text());
});
</script>
View 1 Replies
Jan 25, 2011
I have a series of div where the id is tagged with the conventional:
<div id="result<%=order.ID %>">
The handler that submits the form can find out what order.ID is via:
fromInput.split(",")[1]
So how do i get that element concatenated with the static part of the DIV id?
[code]....
View 1 Replies
Aug 24, 2010
I am trying to get the clientid of button in my jquery selector like this
[Code]....
Here i have hard coded the button id looking at the rendered html source but I want it dynamic using buttonid.clientid.
how to do that?
View 4 Replies
Mar 8, 2010
Cant seem to get the following to find the 'skull' button when the 'heart' button is clicked. Here is the JQuery.
$(".voteup").click(function() {
var id = $(this).attr("title");
var userID = $('[id$=HiddenFieldUserID]').val();
var ipAddress = $('[id$=HiddenFieldIPAddress]').val();
var skullButton = $(this).parent().siblings(".votedowntd").children("votedown");
registerUpVote("up", id, $(this), skullButton, userID, ipAddress);
});
And the HTML...
<table width="200px">
<td width="35px" class="votedowntd">
<img src='<%# (bool)Eval("skull") ? "images/skull.png" : "images/skull-bw.png" %>' alt="Vote Down" class="votedown" title='<%# Eval("entry.ID") %>' />
</td>
<td width="130px" style="text-align: center;">
Num Votes Goes Here
</td>
<td width="35px" class="voteuptd">
<img src='<%# (bool)Eval("heart") ? "images/heart.png" : "images/heart-bw.png" %>' alt="Vote Up" class="voteup" title='<%# Eval("entry.ID") %>' />
</td>
<tr>
</tr>
</table>
So basically what I need to do is when one img is clicked, I need to find the other one. Why is what I have not working? Is there a better way to do this?
View 1 Replies
Mar 23, 2011
I'm using jQuery tabs, which are initialized from a static .js file using a selector:
$()
.ready(function () {
$('.jqTabsStandard').tabs();
});
I'm using ASP.NET (not that it makes a difference I think), but when I click a button in one of the tabs, is there a way I can re-select that tab when the page reloads. I was thinking of sticking the tab section in an UpdatePanel. I was hoping there's a way I could trigger the tab to reselect.
View 2 Replies
Apr 4, 2011
how can i write a selector for specific column of GridView ?
i want to do something on mouseover of a GridView Column. and i want to do it once.
Here is my gridview :
<asp:GridView AutoGenerateColumns="False" Width="100%" ID="grvUsers" runat="server">
<Columns>
<asp:TemplateField HeaderText="Delete">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# eval("ID") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
Html Output :
<table cellspacing="0" rules="all" border="1" id="grvUsers" style="width:100%;border-collapse:collapse;">
<tr>
<th scope="col">Delete</th>
</tr><tr>
<td>
<span id="grvUsers_Label1_0">23</span>
</td>
</tr>
</table>
GridView DataBound
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Dim dr As DataRow
Dim dt As New DataTable
dt.Columns.Add("id")
dr = dt.NewRow
dr(0) = "23"
dt.Rows.Add(dr)
grvUsers.DataSource = dt
grvUsers.DataBind()
End Sub
View 1 Replies
Aug 11, 2010
For the Workspace Selector at the bottom in the left pane (Sites,Files,DataBase,Reports) I was expecting to see some ToolTip upon mouse-over.
If I minimize the pane, it just shows icons, but if I mouse-over there is no way to know what each icon means.
View 2 Replies
Sep 2, 2010
I have an ASP.NET page and I am trying to quickly match the validation controls that are tied to a particular textbox (text input) using a jQuery selector. The validation controls render as a span and the "controltovalidate" property renders as an expando property. Here is a test example:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>......
The problem: the ml_test() function shows 1 in Internet Explorer 7 (as expected), but shows 0 in Firefox 3.6.8. I tried adding additional controls, but in Firefox it consistently doesn't work.
I discovered this post that shows the use of an ampersand in the selector like this [@expando=value], but when I try this syntax, jQuery 1.4.2 throws an error.
Is there a cross-browser way to select expando attributes, and if so, what is the proper syntax?
View 2 Replies
Mar 15, 2011
I would like to use the OpenID selector found here The problem is that i would like to use it in a content page, which is child of a master page.
So what modifications should i make?
I mean my master page contains the form already
<form id="form1" runat="server">
...
</form>
but so does the OpenID selector page
<form class="openid" method="post" action="/Login.xhtml?ReturnUrl=">
</form>
together with post and ReturnUrl... which is something that i need only in the login page... Right?
View 2 Replies
Jan 16, 2010
I have a listbox element in aspx page which id is attributesList.
I want to select this element to track its change event, but i cant directly select its id because asp.net changes its id on runtime.
its id, attributesList changes into ctl00_adminPlaceHolder_attributesList.
so what i want to do is to use a "contains" xpath expression to select the element.
View 1 Replies
Mar 1, 2011
I'm trying to find an ajax.net extender element with a dynamically generated ID. I'm trying to wire up an event handler to close all ajax.net modal popups when 'escape' is pressed. I'm confused why one of these works and one does not.
$find('ctl00_MainContent_ucUserControl1_mpePopup'); //returns the element
$find('[id="ctl00_MainContent_ucUserControl1_mpePopup"]'); //returns null
The ultimate goal is to be able to find the element without hard wiring the ID into the selector: $find('[id$="_mpePopup"]'); //return all elements that end with "_mpePopup"
View 2 Replies
Dec 25, 2010
I'm pointing a jquery selector towards a dropdownlist inside an UpdatePanel. It interacts just fine with the $("#<%= DropDownList1.ClientID %>").change("Do something");
but, when the Dropdownlist postsbacks (it needs to do it, and that's why it's inside the updatepanel) my script suddently stops to work.
View 3 Replies
May 29, 2010
I have never created a user control before. I want to make a simple "date selector" with 3 DDL's for day, month, year, and be able to re-use it numerous times on a page. I don't need to set any values of the control from the page itself, but I do need to read the DDL.selectedValues. I created the DDLs in the ascx file, but am not sure what properties to create. Does it make sense, or is it recommended, to create a public readonly property for each DDL _as_ a DDL? Or do I want to create a public property of type "string" and return the DDL.selectedValue as a string?
View 7 Replies
Sep 23, 2010
Here is my code:
[Code]....
The problem is that the transaction is not working.For instance,now the code is correct so both sql statements are getting executed.However,yesterday the 'update' statement was incorrect but I could not realise that IT WAS NOT ALRIGHT, because the function was not throwing myTrans.Rollback().I had put a breakpoint and there was no rollback.Apparently, now the sql statements,above,are ok,so there is no issue at the moment,however if there was an error,still the function would execute as if the sql statements were successful.
I know that I can use a Stored procedure and finish with it.But i want to see it how the Transaction works using SQLtransaction class.
View 2 Replies
Sep 10, 2010
1) I am making use of Profile class in my application, and using System.Web namespace, but intellisense is not able to recognize it. But when I make use of System.Web.Profile, it is working properly. What is the reason of this?
2) System.Web.Profile is not able to recognize IsAnonymous property, why is it not recognizing?
View 2 Replies
Jul 22, 2010
i try to update the gridview i keep on getting the error like objectdatasource could not find a non generic method 'update' which has parameters a,b,c etc.i have done everything right but i cant seem to figure this one out.i am using objectdatasource,a class file and a dataset.xsd file.
[code]...
View 2 Replies
Nov 2, 2010
I have a simple entity framework class called "NewsItem" which has 3 properties: Id, PostDate and DescriptionText. To format the postdate property I created a partial class as the following:
[Code]....
This seems to be the way Microsoft has outlined doing it in this link: [URL] It seems as thought he partial class isn't being "picked up" in relation to my entity object as none of the formatting I've tried has done anything. Any ideas on what I've done wrong or might have missed?
View 3 Replies
Jan 11, 2010
We are trying to use a BasePage class (which inherits from Page) to populate and set the Meta Keywords and Meta Description Tags. I am using masterpages and below is an example code extract... According to examples on the internet, I could then set this also via the Page Directive using the MetaKeywords and MetaDescription properties, but they do not appear.
I have tried setting the CodeFileBaseClass="MyNamespace.UI.BasePage" but this does not work either. Using debug I can see that the BasePage classes' MetaKeywords and MetaDescription properties are not being set within my content page. I can access the properties but not set them.
== BASEPAGE CLASS ==
[Code]....
== PAGE CLASS ==
[Code]....
View 3 Replies
Oct 7, 2010
I have found hints that MVC 2 recognises the 'buddy class' type of property metadata, where data annotation attributes are applied to a 'buddy' metadata class, and the MetadataType on the actual entity class points to that buddy class, as below. However, as below, it seems the only attribute that makes any difference to the rendered UI is DisplayName. Why are the other attributes like DataType, Required, and ReadOnly not working? I.e. why can I enter text in a read only field? Why do I not get an error when a required field is empty? Why does the DataType attribute have no apparent effect? Why does EditorForModel not include validation messages?
[MetadataType(typeof(CustomerMetadata))]
public partial class Customer
{
public class CustomerMetadata
{
[ScaffoldColumn(false)]
public object CustomerId { get; set; }
[DisplayName("CustomerNo.")]
[ReadOnly(true)]
[Required(AllowEmptyStrings = false, ErrorMessage = "Customer No. is required.")]
public object CustomerNo { get; set; }
}
}
I find behaviour the same whether I use an explicit LabelFor and TextBoxFor for each model property, or a single EditorForModel for the whole model.
View 2 Replies
Jun 3, 2013
I am working with odbcCommand class, in one case I got error that QueryTimeout Expired. Even though this SP is taking only 3-4 secs in DB to execute these specific values, When I set the CommandTimeout=0, then it worked fine.
1)Is it necessary to always use this property while working with Command Class.
2)If it is not suggested to use, but still if I use it then how it will impact the performance.
Below is my code sample.
OdbcConnection conObj;
OdbcCommand cmdObj;
OdbcDataAdapter daObj = new OdbcDataAdapter();
public DataTable GetIFAContractNoteData(string RecipientIDIFACN, DateTime BatchDateIFACN, int TransmittalReportIDIFACN) {
conObj = new OdbcConnection(GlobalVariables.strDsnName + ";" + GlobalVariables.strDsnDataBase + ";" + GlobalVariables.strDsnUserID + ";" + GlobalVariables.strDsnPassword);
[code]....
View 1 Replies
Aug 20, 2010
Since we can access the private data member of base class in the derived class with the help of friend function. How can we do the same in C# asp.net? I mean whats the alternative of friend function in C# asp.net
View 2 Replies
Mar 13, 2010
Using the following Webservice definition using aClientArgs as a complex type:
[System.Web.Script.Services.ScriptService]
public class Controller : System.Web.Services.WebService {
[WebMethod]
public void save_client(aClientArgs client)
{
// Save client data
}
}
Then defining aClientArgs as a sub-class:
public class aArgs
{
public string id = null;
public string name = null;
}
public class aClientArgs : aArgs
{
public string address = null;
public string website = null;
}
Returns the following WSDL fragment for the save_client args:
<save_client xmlns="http://tempuri.org/">
<client>
<address>string</address>
<website>string</website>
</client>
</save_client>
When I'm expecting the following:
<save_client xmlns="http://tempuri.org/">
<client>
<id>string</id>
<name>string</name>
<address>string</address>
<website>string</website>
</client>
</save_client>
So it appears that the .NET WebService is not treating inherited properties as arguments/variables for purposes of a web service. How do I get .NET to also use the properties of the base class?
View 1 Replies