?
Solved

style - controls on page

Posted on 2014-02-02
5
Medium Priority
?
259 Views
Last Modified: 2014-02-04
Hello,
If I have 2 grids on a page and add this to the page header
div.RadGrid td.mergedCell
{
    border-bottom: 1px solid #333;
}

How do I only get this to affect the control RadGrid1 but not RadGrid2?
0
Comment
Question by:johnson1
  • 2
  • 2
5 Comments
 
LVL 38

Assisted Solution

by:Tom Beck
Tom Beck earned 1000 total points
ID: 39828439
div.RadGrid:nth-of-type(1) td.mergedCell
{
    border-bottom: 1px solid #333;
}

...But it's not supported by IE8 or less.
0
 
LVL 45

Expert Comment

by:Chris Stanyon
ID: 39829125
if RadGrid1 and RadGrid2 are the IDs of the 2 grids, then use an ID selector, instead of a class selector:

div#RadGrid1 td.mergedCell { border-bottom: 1px solid #333; }

Open in new window

0
 

Author Comment

by:johnson1
ID: 39829821
Hello,
I tried both solutions. It still affects both RadGrid1 and RadGrid2.
0
 
LVL 45

Accepted Solution

by:
Chris Stanyon earned 1000 total points
ID: 39829857
Can we see a link to your page?

For my solution to work you must have a unique ID on each of the grids (they are case-sensitive):

id="RadGrid1"
id="RadGrid2"

Double check the source of your page to make sure you have these,
0
 

Author Closing Comment

by:johnson1
ID: 39831832
Thank you.
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
Suggested Courses
Course of the Month15 days, 16 hours left to enroll

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question